用数组中的值替换所有出现的子字符串[重复]

Question

我有两个数组。一个数组包含要搜索的字符，另一个数组包含要替换它们的字符。我想在一个字符串中找到第一个数组中每个项目的所有匹配项，并将它们替换为第二个数组中的相应项。

let converted = '';
    let bbCodes = [
      "[code]", "[/code]", "[h1]", "[/h1]"
    ];
    let replacers = [
      "<code>", "</code>", "<h1>", "</h1>"
    ];
    let needsConverted = this.state.txtAreaVal;
    bbCodes.map((code, index) => {
        converted = needsConverted.replace(code, replacers[index]);
        console.log(converted);
    });
    console.log(converted);
  }

Answer 1

我想，你正在努力实现这一点:

let converted = '';
let bbCodes = [
  "[code]", "[/code]", "[h1]", "[/h1]"
];
let replacers = [
  "<code>", "</code>", "<h1>", "</h1>"
];
let needsConverted = 'Lorem ipsum is [h1]dummy text[/h1] in the industry.';
bbCodes.map((code, index) => {
  needsConverted = needsConverted.replace(code, replacers[index]);
  console.log(needsConverted);  
});

Answer 2

问题是您没有跟踪字符串的已更新版本。

>

在第一次迭代中，它将第一个单词 （ [代码] 替换为

在第二次迭代中，您替换原始字符串的第二个单词，并将结果赋给< code>converted，从而丢失了前一次迭代的更改。

你不需要另一个变量，你可以重复使用你的初始字符串，并在每次迭代中不断替换它。

此外，您可以使用< code>forEach来代替< code>map，这样更合适，因为您不会改变数组中的值。

let bbCodes = [
  "[code]", "[/code]", "[h1]", "[/h1]"
];
let replacers = [
  "<code>", "</code>", "<h1>", "</h1>"
];
let needsConverted = 'this is a [code] code [/code] test see [h1] here [/h1]';
bbCodes.forEach((code, index) => {
    // you don't need your other function, you can just reassign your current string to it's new value.
    needsConverted = needsConverted.replace(code, replacers[index]);
});
console.log(needsConverted);