blocks|key|133076|text|具体解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|133077|您可以使用一个函数来替换每个函数。|133078|var+str+=+"I+have+a+cat,+a+dog,+and+a+goat.";
var+mapObj+=+{
+++cat:"dog",
+++dog:"goat",
+++goat:"cat"
};
str+=+str.replace(/cat%7Cdog%7Cgoat/gi,+function(matched){
++return+mapObj[matched];
});|code-block|syntax|javascript|133079|jsfiddle+example|offset|length|133080|泛化它|133081|如果您想要动态维护正则表达式并仅将未来的交换添加到地图中，则可以这样做|133082|new+RegExp(Object.keys(mapObj).join("%7C"),"gi");+|133083|来生成正则表达式。所以它看起来就像这样|133084|var+mapObj+=+{cat:"dog",dog:"goat",goat:"cat"};

var+re+=+new+RegExp(Object.keys(mapObj).join("%7C"),"gi");
str+=+str.replace(re,+function(matched){
++return+mapObj[matched];
});|133085|要添加或更改更多替换项，只需编辑地图即可。|133086|fiddle+with+dynamic+regex|133087|使其可重用|133088|如果你想让它成为一个通用的模式，你可以把它拉到下面这样的函数中|133089|function+replaceAll(str,mapObj){
++++var+re+=+new+RegExp(Object.keys(mapObj).join("%7C"),"gi");

++++return+str.replace(re,+function(matched){
++++++++return+mapObj[matched.toLowerCase()];
++++});
}|133090|因此，您只需将str和所需替换项的映射传递给函数，它将返回转换后的字符串。|133091|fiddle+with+function|133092|为了确保Object.keys可以在旧浏览器中运行，可以添加一个polyfill，例如来自MDN或Es5的polyfill。|133093|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/L6LB2/|1|http://jsfiddle.net/L6LB2/1/|2|http://jsfiddle.net/L6LB2/35/|3|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys|4|https://github.com/es-shims/es5-shim/blob/v2.0.5/es5-shim.js#L544^0|0|0|0|0|G|0|0|0|0|0|0|0|0|0|P|1|0|0|0|0|0|0|K|2|0|19|3|3|1D|3|4|0^^$0|@$1|2|3|4|5|6|7|1S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1V|8|@]|9|@$K|1W|L|1X|1|1Y]]|A|$]]|$1|M|3|N|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|20|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|21|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|6|7|22|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|23|8|@]|9|@]|A|$G|H]]|$1|W|3|X|5|6|7|24|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|25|8|@]|9|@$K|26|L|27|1|28]]|A|$]]|$1|10|3|11|5|6|7|29|8|@]|9|@]|A|$]]|$1|12|3|13|5|6|7|2A|8|@]|9|@]|A|$]]|$1|14|3|15|5|F|7|2B|8|@]|9|@]|A|$G|H]]|$1|16|3|17|5|6|7|2C|8|@]|9|@]|A|$]]|$1|18|3|19|5|6|7|2D|8|@]|9|@$K|2E|L|2F|1|2G]]|A|$]]|$1|1A|3|1B|5|6|7|2H|8|@]|9|@$K|2I|L|2J|1|2K]|$K|2L|L|2M|1|2N]]|A|$]]|$1|1C|3|-4|5|6|7|2O|8|@]|9|@]|A|$]]]|1D|$1E|$5|1F|1G|1H|A|$1I|1J]]|1K|$5|1F|1G|1H|A|$1I|1L]]|1M|$5|1F|1G|1H|A|$1I|1N]]|1O|$5|1F|1G|1H|A|$1I|1P]]|1Q|$5|1F|1G|1H|A|$1I|1R]]]]

<h3>Specific Solution</h3>

<p>You can use a function to replace each one.</p>

<pre><code>var str = "I have a cat, a dog, and a goat.";
var mapObj = {
   cat:"dog",
   dog:"goat",
   goat:"cat"
};
str = str.replace(/cat|dog|goat/gi, function(matched){
  return mapObj[matched];
});
</code></pre>

<p><a href="http://jsfiddle.net/L6LB2/">jsfiddle example</a></p>

<h3>Generalizing it</h3>

<p>If you want to dynamically maintain the regex and just add future exchanges to the map, you can do this</p>

<pre><code>new RegExp(Object.keys(mapObj).join("|"),"gi"); 
</code></pre>

<p>to generate the regex.  So then it would look like this</p>

<pre><code>var mapObj = {cat:"dog",dog:"goat",goat:"cat"};

var re = new RegExp(Object.keys(mapObj).join("|"),"gi");
str = str.replace(re, function(matched){
  return mapObj[matched];
});
</code></pre>

<p>And to add or change any more replacements you could just edit the map. </p>

<p><a href="http://jsfiddle.net/L6LB2/1/">fiddle with dynamic regex</a></p>

<h3>Making it Reusable</h3>

<p>If you want this to be a general pattern you could pull this out to a function like this</p>

<pre><code>function replaceAll(str,mapObj){
    var re = new RegExp(Object.keys(mapObj).join("|"),"gi");

    return str.replace(re, function(matched){
        return mapObj[matched.toLowerCase()];
    });
}
</code></pre>

<p>So then you could just pass the str and a map of the replacements you want to the function and it would return the transformed string.</p>

<p><a href="http://jsfiddle.net/L6LB2/35/">fiddle with function</a></p>

<p>To ensure Object.keys works in older browsers, add a polyfill eg from <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys">MDN</a> or <a href="https://github.com/es-shims/es5-shim/blob/v2.0.5/es5-shim.js#L544">Es5</a>.</p>


blocks|key|133133|text|在这种情况下，这可能不能满足您的确切需求，但我发现这是一种替换字符串中多个参数的有用方法，这是一种通用的解决方案。它将替换参数的所有实例，无论它们被引用了多少次：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|133134|String.prototype.fmt+=+function+(hash)+{
++++++++var+string+=+this,+key;+for+(key+in+hash)+string+=+string.replace(new+RegExp('\\{'+%2B+key+%2B+'\\}',+'gm'),+hash[key]);+return+string
}|code-block|syntax|javascript|133135|您可以按如下方式调用它：|133136|var+person+=+'{title}+{first}+{last}'.fmt({+title:+'Agent',+first:+'Jack',+last:+'Bauer'+});
//+person+=+'Agent+Jack+Bauer'|133137|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>This may not meet your exact need in this instance, but I've found this a useful way to replace multiple parameters in strings, as a general solution. It will replace all instances of the parameters, no matter how many times they are referenced:</p>

<pre><code>String.prototype.fmt = function (hash) {
        var string = this, key; for (key in hash) string = string.replace(new RegExp('\\{' + key + '\\}', 'gm'), hash[key]); return string
}
</code></pre>

<p>You would invoke it as follows:</p>

<pre><code>var person = '{title} {first} {last}'.fmt({ title: 'Agent', first: 'Jack', last: 'Bauer' });
// person = 'Agent Jack Bauer'
</code></pre>


blocks|key|133162|text|String.prototype.replaceSome+=+function()+{
++++var+replaceWith+=+Array.prototype.pop.apply(arguments),
++++++++i+=+0,
++++++++r+=+this,
++++++++l+=+arguments.length;
++++for+(;i<l;i%2B%2B)+{
++++++++r+=+r.replace(arguments[i],replaceWith);
++++}
++++return+r;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|133163|字符串的/*+replaceSome方法，它接受尽可能多的参数，并将所有参数替换为我们为其指定的最后一个参数2013+CopyRights+:+Max+Ahmed这是一个示例：|unstyled|133164|var+string+=+"[hello+i+want+to+'replace+x'+with+eat]";
var+replaced+=+string.replaceSome("]","[","'replace+x'+with","");
document.write(string+%2B+"<br>"+%2B+replaced);+//+returns+hello+i+want+to+eat+(without+brackets)|133165|*/|133166|jsFiddle：http://jsfiddle.net/CPj89/|offset|length|133167|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/CPj89/^0|0|0|0|0|9|Q|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|X|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|F|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<pre><code>String.prototype.replaceSome = function() {
    var replaceWith = Array.prototype.pop.apply(arguments),
        i = 0,
        r = this,
        l = arguments.length;
    for (;i&lt;l;i++) {
        r = r.replace(arguments[i],replaceWith);
    }
    return r;
}
</code></pre>

<p>/* 
replaceSome method for strings
it takes as ,much arguments as we want and replaces all 
of them with the last argument we specified 
2013 CopyRights saved for: Max Ahmed
this is an example:</p>

<pre><code>var string = "[hello i want to 'replace x' with eat]";
var replaced = string.replaceSome("]","[","'replace x' with","");
document.write(string + "&lt;br&gt;" + replaced); // returns hello i want to eat (without brackets)
</code></pre>

<p>*/</p>

<p>jsFiddle: <a href="http://jsfiddle.net/CPj89/" rel="nofollow">http://jsfiddle.net/CPj89/</a></p>


blocks|key|133169|text|这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|133170|String.prototype.replaceAll+=+function(search,+replacement)+{
++++var+target+=+this;
++++return+target.replace(new+RegExp(search,+'g'),+replacement);
};

function+replaceAll(str,+map){
++++for(key+in+map){
++++++++str+=+str.replaceAll(key,+map[key]);
++++}
++++return+str;
}

//testing...
var+str+=+"bat,+ball,+cat";
var+map+=+{
++++'bat'+:+'foo',
++++'ball'+:+'boo',
++++'cat'+:+'bar'
};
var+new+=+replaceAll(str,+map);
//result:+"foo,+boo,+bar"|code-block|syntax|javascript|133171|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This worked for me:</p>

<pre><code>String.prototype.replaceAll = function(search, replacement) {
    var target = this;
    return target.replace(new RegExp(search, 'g'), replacement);
};

function replaceAll(str, map){
    for(key in map){
        str = str.replaceAll(key, map[key]);
    }
    return str;
}

//testing...
var str = "bat, ball, cat";
var map = {
    'bat' : 'foo',
    'ball' : 'boo',
    'cat' : 'bar'
};
var new = replaceAll(str, map);
//result: "foo, boo, bar"
</code></pre>


blocks|key|133173|text|<!DOCTYPE+html>
<html>
<body>



<p+id="demo">Mr+Blue+
has+a+++++++++++blue+house+and+a+blue+car.</p>

<button+onclick="myFunction()">Try+it</button>

<script>
function+myFunction()+{
++++var+str+=+document.getElementById("demo").innerHTML;
++++var+res+=+str.replace(/\n%7C+%7Ccar/gi,+function+myFunction(x){

if(x=='\n'){return+x='<br>';}
if(x=='+'){return+x='&nbsp';}
if(x=='car'){return+x='BMW'}
else{return+x;}//must+need



});

++++document.getElementById("demo").innerHTML+=+res;
}
</script>

</body>
</html>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|133174|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;body&gt;



&lt;p id="demo"&gt;Mr Blue 
has a           blue house and a blue car.&lt;/p&gt;

&lt;button onclick="myFunction()"&gt;Try it&lt;/button&gt;

&lt;script&gt;
function myFunction() {
    var str = document.getElementById("demo").innerHTML;
    var res = str.replace(/\n| |car/gi, function myFunction(x){

if(x=='\n'){return x='&lt;br&gt;';}
if(x==' '){return x='&amp;nbsp';}
if(x=='car'){return x='BMW'}
else{return x;}//must need



});

    document.getElementById("demo").innerHTML = res;
}
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|351155|text|以防有人想知道为什么原始发帖的解决方案不起作用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|351156|var+str+=+"I+have+a+cat,+a+dog,+and+a+goat.";

str+=+str.replace(/cat/gi,+"dog");
//+now+str+=+"I+have+a+dog,+a+dog,+and+a+goat."

str+=+str.replace(/dog/gi,+"goat");
//+now+str+=+"I+have+a+goat,+a+goat,+and+a+goat."

str+=+str.replace(/goat/gi,+"cat");
//+now+str+=+"I+have+a+cat,+a+cat,+and+a+cat."|code-block|syntax|javascript|351157|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Just in case someone is wondering why the original poster's solution is not working:</p>

<pre><code>var str = "I have a cat, a dog, and a goat.";

str = str.replace(/cat/gi, "dog");
// now str = "I have a dog, a dog, and a goat."

str = str.replace(/dog/gi, "goat");
// now str = "I have a goat, a goat, and a goat."

str = str.replace(/goat/gi, "cat");
// now str = "I have a cat, a cat, and a cat."
</code></pre>


blocks|key|133234|text|我编写了这个npm包stringinject+https://www.npmjs.com/package/stringinject，它允许您执行以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|133235|var+string+=+stringInject("this+is+a+{0}+string+for+{1}",+["test",+"stringInject"]);|code-block|syntax|javascript|133236|它将用数组项替换{0}和{1}，并返回以下字符串|133237|"this+is+a+test+string+for+stringInject"|133238|或者您可以将占位符替换为对象键和值，如下所示：|133239|var+str+=+stringInject("My+username+is+{username}+on+{platform}",+{+username:+"tjcafferkey",+platform:+"GitHub"+});

"My+username+is+tjcafferkey+on+Github"+|133240|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/stringinject^0|N|16|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|P|5|F|7|16|8|@]|9|@]|C|$G|H]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

<p>I wrote this npm package stringinject <a href="https://www.npmjs.com/package/stringinject" rel="nofollow noreferrer">https://www.npmjs.com/package/stringinject</a> which allows you to do the following</p>

<pre><code>var string = stringInject("this is a {0} string for {1}", ["test", "stringInject"]);
</code></pre>

<p>which will replace the {0} and {1} with the array items and return the following string</p>

<pre><code>"this is a test string for stringInject"
</code></pre>

<p>or you could replace placeholders with object keys and values like so:</p>

<pre><code>var str = stringInject("My username is {username} on {platform}", { username: "tjcafferkey", platform: "GitHub" });

"My username is tjcafferkey on Github" 
</code></pre>


blocks|key|133281|text|user+regular函数用于定义要替换的模式，然后使用replace函数对输入字符串进行操作，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|133282|var+i+=+new+RegExp('"{','g'),
++++j+=+new+RegExp('}"','g'),
++++k+=+data.replace(i,'{').replace(j,'}');|code-block|syntax|javascript|133283|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>user regular function to define the pattern to replace and then use replace function to work on input string,</p>

<pre><code>var i = new RegExp('"{','g'),
    j = new RegExp('}"','g'),
    k = data.replace(i,'{').replace(j,'}');
</code></pre>


blocks|key|133334|text|使用Jquery的解决方案(首先包含此文件)：将多个字符串替换为多个其他字符串：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|133335|var+replacetext+=+{
++++"abc":+"123",
++++"def":+"456"
++++"ghi":+"789"
};

$.each(replacetext,+function(txtorig,+txtnew)+{
++++$(".eng-to-urd").each(function()+{
++++++++$(this).text($(this).text().replace(txtorig,+txtnew));
++++});
});|code-block|syntax|javascript|133336|entityMap|0|LINK|mutability|MUTABLE|url|https://code.jquery.com/jquery-3.3.1.min.js^0|2|6|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>Solution with <a href="https://code.jquery.com/jquery-3.3.1.min.js" rel="nofollow noreferrer">Jquery</a> (first include this file): Replace multiple strings with multiple other strings:</p>

<pre><code>var replacetext = {
    "abc": "123",
    "def": "456"
    "ghi": "789"
};

$.each(replacetext, function(txtorig, txtnew) {
    $(".eng-to-urd").each(function() {
        $(this).text($(this).text().replace(txtorig, txtnew));
    });
});
</code></pre>


blocks|key|133382|text|使用我的replace-once包，您可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|133383|const+replaceOnce+=+require('replace-once')

var+str+=+'I+have+a+cat,+a+dog,+and+a+goat.'
var+find+=+['cat',+'dog',+'goat']
var+replace+=+['dog',+'goat',+'cat']
replaceOnce(str,+find,+replace,+'gi')
//=>+'I+have+a+dog,+a+goat,+and+a+cat.'|code-block|syntax|javascript|133384|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/kodie/replace-once^0|4|C|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>With my <a href="https://github.com/kodie/replace-once" rel="nofollow noreferrer">replace-once</a> package, you could do the following:</p>



<pre><code>const replaceOnce = require('replace-once')

var str = 'I have a cat, a dog, and a goat.'
var find = ['cat', 'dog', 'goat']
var replace = ['dog', 'goat', 'cat']
replaceOnce(str, find, replace, 'gi')
//=&gt; 'I have a dog, a goat, and a cat.'
</code></pre>


blocks|key|133423|text|使用带编号的条目以防止再次替换。例如|type|unstyled|depth|inlineStyleRanges|entityRanges|data|133424|let+str+=+"I+have+a+%251,+a+%252,+and+a+%253";
let+pets+=+["dog","cat",+"goat"];|code-block|syntax|javascript|133425|然后|133426|str.replace(/%25(\d%2B)/g,+(_,+n)+=>+pets[%2Bn-1])|133427|工作原理：-+%25\d%2B查找%25后面的数字。括号中包含了数字。|133428|这个数字(以字符串形式)是lambda函数的第二个参数n。|133429|%2Bn-1将字符串转换为数字，然后减去1来索引宠物数组。|133430|然后将%25number替换为数组索引处的字符串。|133431|/g导致对每个数字重复调用lambda函数，然后将其替换为数组中的字符串。|133432|在现代JavaScript中：|133433|replace_n=(str,...ns)=>str.replace(/%25(\d%2B)/g,(_,n)=>ns[n-1])|133434|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|17|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|18|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|19|8|@]|9|@]|A|$]]|$1|W|3|X|5|D|7|1A|8|@]|9|@]|A|$E|F]]|$1|Y|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|Z|$]]

<p>Use numbered items to prevent replacing again.
eg</p>

<pre><code>let str = "I have a %1, a %2, and a %3";
let pets = ["dog","cat", "goat"];
</code></pre>

<p>then</p>

<pre><code>str.replace(/%(\d+)/g, (_, n) =&gt; pets[+n-1])
</code></pre>

<p>How it works:-
%\d+ finds the numbers which come after a %. The brackets capture the number.</p>

<p>This number (as a string) is the 2nd parameter, n, to the lambda function.</p>

<p>The +n-1 converts the string to the number then 1 is subtracted to index the pets array.</p>

<p>The %number is then replaced with the string at the array index.</p>

<p>The /g causes the lambda function to be called repeatedly with each number which is then replaced with a string from the array.</p>

<p>In modern JavaScript:-</p>

<pre><code>replace_n=(str,...ns)=&gt;str.replace(/%(\d+)/g,(_,n)=&gt;ns[n-1])
</code></pre>


blocks|key|133465|text|++++var+str+=+"I+have+a+cat,+a+dog,+and+a+goat.";

++++str+=+str.replace(/goat/i,+"cat");
++++//+now+str+=+"I+have+a+cat,+a+dog,+and+a+cat."

++++str+=+str.replace(/dog/i,+"goat");
++++//+now+str+=+"I+have+a+cat,+a+goat,+and+a+cat."

++++str+=+str.replace(/cat/i,+"dog");
++++//+now+str+=+"I+have+a+dog,+a+goat,+and+a+cat."|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|133466|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>    var str = "I have a cat, a dog, and a goat.";

    str = str.replace(/goat/i, "cat");
    // now str = "I have a cat, a dog, and a cat."

    str = str.replace(/dog/i, "goat");
    // now str = "I have a cat, a goat, and a cat."

    str = str.replace(/cat/i, "dog");
    // now str = "I have a dog, a goat, and a cat."
</code></pre>


blocks|key|351360|text|使用Array.prototype.reduce()|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|351361|const+arrayOfObjects+=+[
++{+plants:+'men'+},
++{+smart:'dumb'+},
++{+peace:+'war'+}
]
const+sentence+=+'plants+are+smart'

arrayOfObjects.reduce(
++(f,+s)+=>+`${f}`.replace(Object.keys(s)[0],+s[Object.keys(s)[0]]),+sentence
)

//+as+a+reusable+function
const+replaceManyStr+=+(obj,+sentence)+=>+obj.reduce((f,+s)+=>+`${f}`.replace(Object.keys(s)[0],+s[Object.keys(s)[0]]),+sentence)

const+result+=+replaceManyStr(arrayOfObjects+,+sentence1)|code-block|syntax|javascript|351362|示例|351363|//+/////////////++++1.+replacing+using+reduce+and+objects

//+arrayOfObjects.reduce((f,+s)+=>+`${f}`.replace(Object.keys(s)[0],+s[Object.keys(s)[0]]),+sentence)

//+replaces+the+key+in+object+with+its+value+if+found+in+the+sentence
//+doesn't+break+if+words+aren't+found

//+Example

const+arrayOfObjects+=+[
++{+plants:+'men'+},
++{+smart:'dumb'+},
++{+peace:+'war'+}
]
const+sentence1+=+'plants+are+smart'
const+result1+=+arrayOfObjects.reduce((f,+s)+=>+`${f}`.replace(Object.keys(s)[0],+s[Object.keys(s)[0]]),+sentence1)

console.log(result1)

//+result1:+
//+men+are+dumb


//+Extra:+string+insertion+python+style+with+an+array+of+words+and+indexes

//+usage

//+arrayOfWords.reduce((f,+s,+i)+=>+`${f}`.replace(`{${i}}`,+s),+sentence)

//+where+arrayOfWords+has+words+you+want+to+insert+in+sentence

//+Example

//+replaces+as+many+words+in+the+sentence+as+are+defined+in+the+arrayOfWords
//+use+python+type+{0},+{1}+etc+notation

//+five+to+replace
const+sentence2+=+'{0}+is+{1}+and+{2}+are+{3}+every+{5}'

//+but+four+in+array?+doesn't+break
const+words2+=+['man','dumb','plants','smart']

//+what+happens+?
const+result2+=+words2.reduce((f,+s,+i)+=>+`${f}`.replace(`{${i}}`,+s),+sentence2)

console.log(result2)

//+result2:+
//+man+is+dumb+and+plants+are+smart+every+{5}

//+replaces+as+many+words+as+are+defined+in+the+array
//+three+to+replace
const+sentence3+=+'{0}+is+{1}+and+{2}'

//+but+five+in+array
const+words3+=+['man','dumb','plant','smart']

//+what+happens+?+doesn't+break
const+result3+=+words3.reduce((f,+s,+i)+=>+`${f}`.replace(`{${i}}`,+s),+sentence3)

console.log(result3)

//+result3:+
//+man+is+dumb+and+plants|351364|​|351365|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce^0|2|O|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<p>using <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce" rel="noreferrer">Array.prototype.reduce()</a>:</p>

<pre><code>const arrayOfObjects = [
  { plants: 'men' },
  { smart:'dumb' },
  { peace: 'war' }
]
const sentence = 'plants are smart'

arrayOfObjects.reduce(
  (f, s) =&gt; `${f}`.replace(Object.keys(s)[0], s[Object.keys(s)[0]]), sentence
)

// as a reusable function
const replaceManyStr = (obj, sentence) =&gt; obj.reduce((f, s) =&gt; `${f}`.replace(Object.keys(s)[0], s[Object.keys(s)[0]]), sentence)

const result = replaceManyStr(arrayOfObjects , sentence1)
</code></pre>

<p>Example
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>// /////////////    1. replacing using reduce and objects

// arrayOfObjects.reduce((f, s) =&gt; `${f}`.replace(Object.keys(s)[0], s[Object.keys(s)[0]]), sentence)

// replaces the key in object with its value if found in the sentence
// doesn't break if words aren't found

// Example

const arrayOfObjects = [
  { plants: 'men' },
  { smart:'dumb' },
  { peace: 'war' }
]
const sentence1 = 'plants are smart'
const result1 = arrayOfObjects.reduce((f, s) =&gt; `${f}`.replace(Object.keys(s)[0], s[Object.keys(s)[0]]), sentence1)

console.log(result1)

// result1: 
// men are dumb


// Extra: string insertion python style with an array of words and indexes

// usage

// arrayOfWords.reduce((f, s, i) =&gt; `${f}`.replace(`{${i}}`, s), sentence)

// where arrayOfWords has words you want to insert in sentence

// Example

// replaces as many words in the sentence as are defined in the arrayOfWords
// use python type {0}, {1} etc notation

// five to replace
const sentence2 = '{0} is {1} and {2} are {3} every {5}'

// but four in array? doesn't break
const words2 = ['man','dumb','plants','smart']

// what happens ?
const result2 = words2.reduce((f, s, i) =&gt; `${f}`.replace(`{${i}}`, s), sentence2)

console.log(result2)

// result2: 
// man is dumb and plants are smart every {5}

// replaces as many words as are defined in the array
// three to replace
const sentence3 = '{0} is {1} and {2}'

// but five in array
const words3 = ['man','dumb','plant','smart']

// what happens ? doesn't break
const result3 = words3.reduce((f, s, i) =&gt; `${f}`.replace(`{${i}}`, s), sentence3)

console.log(result3)

// result3: 
// man is dumb and plants</code></pre>
</div>
</div>
</p>


blocks|key|133500|text|您可以使用分隔符查找和替换字符串。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|133501|​|133502|var+obj+=+{
++'firstname':+'John',
++'lastname':+'Doe'
}

var+text+=+"My+firstname+is+{firstname}+and+my+lastname+is+{lastname}"

alert(mutliStringReplace(obj,text))

function+mutliStringReplace(object,+string)+{
++++++var+val+=+string
++++++var+entries+=+Object.entries(object);
++++++entries.forEach((para)=>+{
++++++++++var+find+=+'{'+%2B+para[0]+%2B+'}'
++++++++++var+regExp+=+new+RegExp(find,'g')
+++++++val+=+val.replace(regExp,+para[1])
++++})
++return+val;
}|code-block|syntax|javascript|133503|133504|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>You can find and replace string using delimiters.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var obj = {
  'firstname': 'John',
  'lastname': 'Doe'
}

var text = "My firstname is {firstname} and my lastname is {lastname}"

alert(mutliStringReplace(obj,text))

function mutliStringReplace(object, string) {
      var val = string
      var entries = Object.entries(object);
      entries.forEach((para)=&gt; {
          var find = '{' + para[0] + '}'
          var regExp = new RegExp(find,'g')
       val = val.replace(regExp, para[1])
    })
  return val;
}</code></pre>
</div>
</div>
</p>


blocks|key|133556|text|您可以使用https://www.npmjs.com/package/union-replacer来实现此目的。它基本上是一个string.replace(regexp,+...)的对应物，它允许在一次传递中发生多个替换，同时保留string.replace(...)的全部功能。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|133557|披露:我就是作者。开发该库是为了支持更复杂的用户可配置替换，它解决了捕获组、反向引用和回调函数替换等所有问题。|133558|但是，上面的解决方案对于精确的字符串替换已经足够好了。|133559|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/union-replacer^0|1R|R|37|J|5|18|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@$9|W|A|X|1|Y]]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|10|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

<p>You can use <a href="https://www.npmjs.com/package/union-replacer" rel="nofollow noreferrer">https://www.npmjs.com/package/union-replacer</a> for this purpose. It is basically a <code>string.replace(regexp, ...)</code> counterpart, which allows multiple replaces to happen in one pass while preserving full power of <code>string.replace(...)</code>.</p>

<p>Disclosure: I am the author. The library was developed to support more complex user-configurable replacements and it addresses all the problematic things like capture groups, backreferences and callback function replacements.</p>

<p>The solutions above are good enough for exact string replacements though.</p>


blocks|key|133589|text|通过使用原型函数，我们可以通过传递带有键和值的对象以及可替换的文本来轻松地替换|type|unstyled|depth|inlineStyleRanges|entityRanges|data|133590|​|133591|String.prototype.replaceAll=function(obj,keydata='key'){
+const+keys=keydata.split('key');
+return+Object.entries(obj).reduce((a,[key,val])=>+a.replace(`${keys[0]}${key}${keys[1]}`,val),this)
}

const+data='hids+dv+sdc+sd+${yathin}+${ok}'
console.log(data.replaceAll({yathin:12,ok:'hi'},'${key}'))|code-block|syntax|javascript|133592|133593|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>by using prototype function we can replace easily by passing object with keys and values and replacable text</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>String.prototype.replaceAll=function(obj,keydata='key'){
 const keys=keydata.split('key');
 return Object.entries(obj).reduce((a,[key,val])=&gt; a.replace(`${keys[0]}${key}${keys[1]}`,val),this)
}

const data='hids dv sdc sd ${yathin} ${ok}'
console.log(data.replaceAll({yathin:12,ok:'hi'},'${key}'))</code></pre>
</div>
</div>
</p>


blocks|key|133623|text|我们还可以使用split()和join()方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|133624|​|133625|var+str+=+"I+have+a+cat,+a+dog,+and+a+goat.";

str=str.split("cat").map(x+=>+{return+x.split("dog").map(y+=>+{return+y.split("goat").join("cat");}).join("goat");}).join("dog");

console.log(str);|code-block|syntax|javascript|133626|133627|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>We can also use split() and join() methods:</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var str = "I have a cat, a dog, and a goat.";

str=str.split("cat").map(x =&gt; {return x.split("dog").map(y =&gt; {return y.split("goat").join("cat");}).join("goat");}).join("dog");

console.log(str);</code></pre>
</div>
</div>
</p>


blocks|key|351573|text|一种可能的解决方案是使用mapper表达式函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|351574|const+regex+=+/(?:cat%7Cdog%7Cgoat)/gmi;
const+str+=+`I+have+a+cat,+a+dog,+and+a+goat.`;

let+mapper+=+(key)+=>+{
++switch+(key)+{
++++case+"cat":
++++++return+"dog"
++++case+"dog":
++++++return+"goat";
++++case+"goat":
++++++return+"cat"
++}
}
let+result+=+str.replace(regex,+mapper);

console.log('Substitution+result:+',+result);
//Substitution+result1:++I+have+a+dog,+a+goat,+and+a+cat.|code-block|syntax|javascript|351575|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>one possible solution could be by using the mapper expression function.</p>
<pre><code>const regex = /(?:cat|dog|goat)/gmi;
const str = `I have a cat, a dog, and a goat.`;

let mapper = (key) =&gt; {
  switch (key) {
    case &quot;cat&quot;:
      return &quot;dog&quot;
    case &quot;dog&quot;:
      return &quot;goat&quot;;
    case &quot;goat&quot;:
      return &quot;cat&quot;
  }
}
let result = str.replace(regex, mapper);

console.log('Substitution result: ', result);
//Substitution result1:  I have a dog, a goat, and a cat.
</code></pre>


blocks|key|351615|text|试试我的解决方案。请随意改进|type|unstyled|depth|inlineStyleRanges|entityRanges|data|351616|​|351617|function+multiReplace(strings,+regex,+replaces)+{
++return+str.replace(regex,+function(x)+{
++++//+check+with+replaces+key+to+prevent+error,+if+false+it+will+return+original+value
++++return+Object.keys(replaces).includes(x)+?+replaces[x]+:+x;
++});
}
var+str+=+"I+have+a+Cat,+a+dog,+and+a+goat.";
//(json)+use+value+to+replace+the+key
var+replaces+=+{
++'Cat':+'dog',
++'dog':+'goat',
++'goat':+'cat',
}
console.log(multiReplace(str,+/Cat%7Cdog%7Cgoat/g,+replaces))|code-block|syntax|javascript|351618|351619|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Try my solution. feel free to improve</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function multiReplace(strings, regex, replaces) {
  return str.replace(regex, function(x) {
    // check with replaces key to prevent error, if false it will return original value
    return Object.keys(replaces).includes(x) ? replaces[x] : x;
  });
}
var str = "I have a Cat, a dog, and a goat.";
//(json) use value to replace the key
var replaces = {
  'Cat': 'dog',
  'dog': 'goat',
  'goat': 'cat',
}
console.log(multiReplace(str, /Cat|dog|goat/g, replaces))</code></pre>
</div>
</div>
</p>


blocks|key|351623|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|351624|const+str+=+'Thanks+for+contributing+an+answer+to+Stack+Overflow!'
++++const+substr+=+['for',+'to']

++++function+boldString(str,+substr)+{
++++++++let+boldStr
++++++++boldStr+=+str
++++++++substr.map(e+=>+{
++++++++++++++++const+strRegExp+=+new+RegExp(e,+'g');
++++++++++++++++boldStr=+boldStr.replace(strRegExp,+`<strong>${e}</strong>`);
++++++++++++}
++++++++)
++++++++return+boldStr
}|code-block|syntax|javascript|351625|351626|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const str = 'Thanks for contributing an answer to Stack Overflow!'
    const substr = ['for', 'to']

    function boldString(str, substr) {
        let boldStr
        boldStr = str
        substr.map(e =&gt; {
                const strRegExp = new RegExp(e, 'g');
                boldStr= boldStr.replace(strRegExp, `&lt;strong&gt;${e}&lt;/strong&gt;`);
            }
        )
        return boldStr
}</code></pre>
</div>
</div>
</p>


<p>I'm trying to replace multiple words in a string with multiple other words. The string is "I have a cat, a dog, and a goat."</p>

<p>However, this does not produce "I have a dog, a goat, and a cat", but instead it produces "I have a cat, a cat, and a cat". Is it possible to replace multiple strings with multiple other strings at the same time in JavaScript, so that the correct result will be produced?</p>

<pre><code>var str = "I have a cat, a dog, and a goat.";
str = str.replace(/cat/gi, "dog");
str = str.replace(/dog/gi, "goat");
str = str.replace(/goat/gi, "cat");

//this produces "I have a cat, a cat, and a cat"
//but I wanted to produce the string "I have a dog, a goat, and a cat".
</code></pre>


Replace multiple strings with multiple other strings

GitHub

我正在尝试用多个其他单词替换字符串中的多个单词。字符串是“我有一只猫，一只狗和一只山羊。”然而，这不会产生“我有一只狗，一只山羊和一只猫”，而是产生“我有一只猫，一只猫和一只猫”。在JavaScript中，是否可以同时用多个其他字符串替换多个字符串，从而产生正确的结果？var str = "I have a cat, ...

问用多个其他字符串替换多个字符串
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用多个其他字符串替换多个字符串EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用多个其他字符串替换多个字符串
EN