JavaScript - 从优化的角度来看，应该如何用不同的字符串替换字符串中的多个子字符串？

Question

在我开发和维护的代码中，我遇到了问题。

我有一个函数，它接受一个查询（类型字符串）并用不同的字符串替换该字符串的子字符串。例如，如果用户输入字符串I have a cat，它将替换为I have a dog。

我的代码有效，但问题是我有数百个这样的子字符串需要替换为不同的子字符串。它在美学上看起来也很糟糕。

var myString;
myString = myString.replace('cat','dog')
                   .replace('elephant','zebra')
                   .replace('bird','fish')
                   // Goes on for hundreds of lines

这一切都在一个函数中，每次调用它都会经历数百次replace 调用。

我可以尝试做的一件事是创建一个对象数组并遍历它。代码看起来像这样。

var animalsArray = [
                       {'a':'cat','b':'dog'},
                       {'a':'elephant','b':'zebra'},
                       {'a':'bird','b':'fish'}
                   ];

然后在我的函数中

function stringReplace(string) {
    for (var i = 0; i < animalsArray.length; i++) {
        if (string.indexOf(animalsArray[i]['a']) > -1) {
            sting = string.replace(animalsArray[i]['a'],animalsArray[i]['b']);
        }
    }
}

但我不确定这是否会改善我目前将数百个替换调用链接在一起的做法。

我基本上是在优化我当前的代码。最佳做法是什么？

Answer 1

我会考虑改用一个对象，其键是要替换的子字符串，其值是替换。通过交替对象的所有键来创建正则表达式，然后使用替换函数查找对象上的关联值：

const replacements = {
  cat: 'dog',
  elephant: 'zebra',
  bird: 'fish'
};
const pattern = new RegExp(Object.keys(replacements).join('|'), 'g');
console.log('Foo cat bar bird'.replace(pattern, match => replacements[match]));

使用对象语法可以轻松添加/删除项目。如果你想让它更容易修改，你可以考虑将替换信息放入一个字符串中，然后将其解析为一个对象：

const replacementsStr = `
cat        dog
elephant   zebra
bird       fish
`;

const replacements = Object.fromEntries(
  replacementsStr
    .trim()
    .split('\n')
    .map(line => line.split(/\s+/))
);
const pattern = new RegExp(Object.keys(replacements).join('|'), 'g');
console.log('Foo cat bar bird'.replace(pattern, match => replacements[match]));

Answer 2

你可以用一堆 or 语句组成一个正则表达式。 (dog|elephant|bird|....) 这将允许您运行一项检查。替换为您提供匹配的文本，您可以使用它来查找要替换的单词。

所以创建一个要替换的字符串对象，它们的值就是要替换的单词。您可以通过匹配的键查找替换。

const animals = {
  cat: 'dog',
  elephant: 'zebra',
  bird: 'fish',
}

// build the or sting with a simple join
const keysString = Object.keys(animals).join("|")
// generate the regular expression to match the words
var animalRE = new RegExp(`\\b(${keysString})\\b`,'g');

// a sample string to match
const myString = "I like to pet a cat that looks like an elephant that moves like a bird."

// the replacement step. The function takes the matched text (aka key) and looks it up in the object
const updated = myString.replace(animalRE, key => animals[key] || key)

// display the new string
console.log(updated)

Answer 3

我会这样做：

function WordSwapper(sentence){
  const swapper = sentence;
  this.swaps = [];
  this.add = (word, replacer)=>{
    this.swaps.push([word, replacer]);
    return this;
  }
  this.swap = (sentence = null)=>{
    let s = sentence === null ? swapper : sentence;
    this.swaps.forEach(a=>{
      s = s.replace(new RegExp(a[0], 'gi'), a[1]);
    });
    return s;
  }
}
const ws = new WordSwapper('The cat plays. Elephants live in the Serengeti. Have you ever seen a bird fly?');
ws.add('cat', 'dog').add('elephant', 'zebra').add('bird', 'fish');
console.log(ws.swap());

当然，您可能想要对复数和大写情况做一些事情。