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

Question

我正在尝试用多个其他单词替换字符串中的多个单词.字符串是"我有一只猫,一只狗和一只山羊."

然而,这不会产生"我有一只狗,一只山羊和一只猫",而是产生"我有一只猫,一只猫和一只猫".是否可以在JavaScript中同时用多个其他字符串替换多个字符串,以便生成正确的结果？

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".

Answer 1

具体方案

您可以使用函数替换每个函数.

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];
});

jsfiddle的例子

概括它

如果要动态维护正则表达式并只是将未来的交换添加到地图中,则可以执行此操作

new RegExp(Object.keys(mapObj).join("|"),"gi"); 

生成正则表达式.那么它看起来就像这样

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];
});

要添加或更改任何更换,您只需编辑地图即可. 

摆弄动态正则表达式

使其可重复使用

如果你想将它作为一般模式,你可以把它拉出来像这样的函数

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

    return str.replace(re, function(matched){
        return mapObj[matched.toLowerCase()];
    });
}

那么你就可以将str和你想要的替换映射传递给函数,它将返回转换后的字符串.

摆弄功能

要确保Object.keys在旧版浏览器中可用,请添加例如来自MDN或Es5的polyfill.

Answer 2

作为对以下问题的回答：

寻找最新的答案

如果您在当前示例中使用“单词”，您可以使用非捕获组扩展Ben McCormick的答案，并\b在左侧和右侧添加单词边界以防止部分匹配。

\b(?:cathy|cat|catch)\b

• \b 防止部分匹配的单词边界
• (?: 非捕获组
  • cathy|cat|catch 匹配其中一种选择
• ) 关闭非捕获组
• \b 防止部分匹配的单词边界

原始问题的示例：

\b(?:cathy|cat|catch)\b

评论中的示例似乎效果不佳：

let str = "I have a cat, a dog, and a goat.";
const mapObj = {
  cat: "dog",
  dog: "goat",
  goat: "cat"
};
str = str.replace(/\b(?:cat|dog|goat)\b/gi, matched => mapObj[matched]);
console.log(str);

Answer 3

在这种情况下,这可能无法满足您的确切需求,但我发现这是替换字符串中多个参数的有用方法,作为一般解决方案.它将替换参数的所有实例,无论它们被引用了多少次:

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

您可以按如下方式调用它:

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

Answer 4

使用Array.prototype.reduce()：

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)

例子

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)

Answer 5

这对我有用：

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"

Answer 6

使用编号项目以防止再次更换。例如

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

然后

str.replace(/%(\d+)/g, (_, n) => pets[+n-1])

工作原理：-％\ d +查找％之后的数字。方括号捕获数字。

该数字（作为字符串）是lambda函数的第二个参数n。

+ n-1将字符串转换为数字，然后减去1以索引pets数组。

然后将％number替换为数组索引处的字符串。

/ g导致用每个数字重复调用lambda函数，然后将其替换为数组中的字符串。

在现代JavaScript中：-

replace_n=(str,...ns)=>str.replace(/%(\d+)/g,(_,n)=>ns[n-1])