如何在 JavaScript 中执行多个字符串替换？

JavaScript 中的多个字符串替换

字符串替换是编程中的常见任务。在 JavaScript 中，replace() 方法允许您将指定字符串的单个匹配项替换为新字符串。但是，如果您想同时用多个其他字符串替换多个字符串怎么办？

考虑以下示例：

var str = "I have a cat, a dog, and a goat.";

// Attempt to replace multiple strings with incorrect results
str = str.replace(/cat/gi, "dog");
str = str.replace(/dog/gi, "goat");
str = str.replace(/goat/gi, "cat");

// Output: "I have a cat, a cat, and a cat"

如您所见，这不会产生所需的结果“我有一只狗、一只山羊和一只猫”的结果。相反，它错误地将“cat”的每个实例替换为“dog”，依此类推。

特定解决方案

要获得所需的结果，您可以使用处理每个替换的函数：

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

// Output: "I have a dog, a goat, and a cat"

在这种方法中，我们创建一个定义键值对的地图对象（mapObj）要替换的字符串。然后，我们使用正则表达式来匹配这些字符串中的任何一个，并将它们替换为地图对象中的相应值。

概括解决方案

概括此方法，您可以根据需要动态创建正则表达式并更新映射对象：

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

您可以然后使用此函数将任意给定字符串中的多个字符串替换为多个其他字符串。

以上是如何在 JavaScript 中执行多个字符串替换？的详细内容。更多信息请关注PHP中文网其他相关文章！