Search for one or more characters and replace in JavaScript

December 16, 2021

By using indexOf() I was able to detect if the input contains "SP-" and replace.

However, I need to look for more than one set of characters:
sp-, SP-, eb-, EB- and more…

I have the following to replace sp- and SP- but I don’t want to replicate this entire block for every instance.

// Check for 'sp-' characters in the order ID.
if (order_id.indexOf("SP-") !== -1) {
  // Remove string from input
  form.find('input[name="orderid"]').val(order_id.replace("SP-", ""));
}

// Check for 'SP-' characters in the order ID.
if (order_id.indexOf("sp-") !== -1) {
  // Remove string from input
  form.find('input[name="orderid"]').val(order_id.replace("sp-", ""));
}

Update – Just thought of a better solution, find all characters before and including - and remove it. So we’re not limited to a specific list in case new prefixes are added at a later date.

sp-1234, SP-1234, xx-1234, etc.

>Solution :

To replace all case insensitive can you try this

form.find('input[name="orderid"]').val(order_id.replace(/sp-/gi, ''));

or you can do something like this

['SP-', 'sp-', 'eb-', 'EB-'].forEach((item)=>{
   if ( order_id.indexOf(item) !== -1 ) {
        // Remove string from input
        form.find('input[name="orderid"]').val(order_id.replace(item, ''));
    }
});

Update – Just thought of a better solution, find all characters before
and including – and remove it. So we’re not limited to a specific list
in case new prefixes are added at a later date.

sp-1234, SP-1234, xx-1234, etc.

Maybe something like this should work

if(order_id.indexOf('-') !== -1) {
 var prefix = order_id.substr(0, order_id.indexOf('-'));
 form.find('input[name="orderid"]').val(order_id.replace(`${prefix}-`, ""));
}