How to replace multiple strings with other multiple strings at a time in javascript?

Question

I have a string prototype whose code is given below:

String.prototype.replaceAll = function(str1, str2, ignore) { 
  return this.replace(
    new RegExp(
      str1.replace(/([\/\,\!\\\^\$\{\}\[\]\(\)\.\*\+\?\|\<\>\-\&])/g,"\\$&"),(ignore?"gi":"g")),(typeof(str2)=="string")?str2.replace(/\$/g,"$$$$"
    ):str2
  )};

Usage:

var a = "I am Javascript";
console.log(
  a.replaceAll("am", "love")
); // => I love Javascript

But when it comes to multiple exchange of characters or words, I have to run the prototype multiple times to achieve it. But I have thought of something like this:

  var a = "I am Java";
  console.log(
    a.replaceAll(["am" , "Java"], ["love", "Javascript"])
  ); // => I love Javascript

So can you help me to achieve it? Or there is any other alternative?

Seems no way to replace all pairs the same time. Re-implements your function `replaceAll` as you think with One-by-one. — Singhi John, Dec 07 '19 at 03:21
Does this answer your question? [Replace multiple strings with multiple other strings](https://stackoverflow.com/questions/15604140/replace-multiple-strings-with-multiple-other-strings). I should have looked for this dupe before answering (my mistake). — ggorlen, Dec 07 '19 at 03:25

ggorlen · Accepted Answer · 2019-12-07T03:37:03.320

4

I'd prefer to store replacements as key-value pairs in an object or as an array of pairs. Regardless of the format, you can dynamically create a regex by joining the values you want to replace using | alternation. Then give replace a callback function and use its match parameter as a key to look up its corresponding pair in the swaps object.

const s = "I am Java";
const swaps = {am: "love", Java: "JS"};
const pattern = new RegExp(Object.keys(swaps).join("|"), "g");
console.log(s.replace(pattern, m => swaps[m]));

To handle case-insensitive replacements, ensure all keys in swaps are lowercase (either programmatically or manually, depending on usage) and lowercase the matches before keying in:

const s = "I am Java";
const swaps = {am: "love", java: "JS"};
const pattern = new RegExp(Object.keys(swaps).join("|"), "gi");
console.log(s.replace(pattern, m => swaps[m.toLowerCase()]));

edited Dec 07 '19 at 03:37

answered Dec 07 '19 at 03:17

ggorlen

44,755
7
76
106

It seems as a good alternative to my replaceAll prototype. – Debarchito Dec 07 '19 at 03:27
You can certainly generalize this further, put it into a prototype if you wish and escape regex special characters as you're doing. – ggorlen Dec 07 '19 at 03:29
Thats great, thanks for the advice. – Debarchito Dec 07 '19 at 03:29

score 1 · Answer 2 · answered Dec 07 '19 at 03:45

1

This works.

String.prototype.replaceAll = function(str1, str2, ignore) {

  let flags = 'g';
  if (ignore) {
    flags += 'i';
  }

  if (Array.isArray(str1) && Array.isArray(str2)) {
    let newStr = this;

    str1.map((element, index) => {
      if (str2[index]) {
        newStr = newStr.replace(new RegExp(element, flags), str2[index]);
      }
      return newStr;
    });
    return newStr;
  }
  else {
    return this.replace(new RegExp(str1, flags), str2);
  }
}

answered Dec 07 '19 at 03:45

Gabriel Vasile

2,110
1
14
26

Note that if there are dependency chains this runs into trouble. For example, `"a b".replaceAll(["a", "b"],["b", "c"]);`, you might expect `"b c"` but doing the operations one by one gives you `"c c"` instead. It also prohibits replacing with empty strings because `if (str2[index])` interprets them as falsey. – ggorlen Dec 07 '19 at 03:58

How to replace multiple strings with other multiple strings at a time in javascript?

2 Answers2

Linked

Related