javascript - 如何用另一个数组值替换javascript中的数组值？

Question

我正在尝试用另一个数组替换字符串中存在的数组中的值。在 Javascript 中执行此操作的最佳方法是什么？这是我的代码：

var string = "I've to but the Item1 along with Item2 and Item3. From the Item4."
var array1 = ['Item1', 'Item2', 'Item3', 'Item4']
var array2 = ['Product1', 'Product2', 'Product3', 'Product4']

和输出应该是这样的

var replaced = "I've to but the Product1 along with Product2 and Product3. From the Product4."

两个数组中的每个值都彼此完全不同。

Answer 1

我希望我对您有所帮助。

var array1 = ['Item1', 'Item2', 'Item3', 'Item4'];
var array2 = ['Product1', 'Product2', 'Product3', 'Product4'];
var string = "I've to but the Item1 along with Item2 and Item3. From the Item4.";

for (var i = 0; i < array1.length; i++) {
    var string = string.replace(array1[i], array2[i]);
}

console.log(string);

Answer 2

您可以使用String.prototype.replaceAll替换字符串

const input = "I've to but the Item1 along with Item2 and Item3. From the Item4.";
const original = ['Item1', 'Item2', 'Item3', 'Item4'];
const target = ['Product1', 'Product2', 'Product3', 'Product4'];

let result = input;
original.forEach((item, index) => {
  result = result.replaceAll(item, target[index]);
});

console.log(result);

Answer 3

您可以使用模板文字，例如

var array1 = [Item1, Item2, Item3, Item4];
var array2 = [Product1, Product2, Product3, Product4]
var string = `I've to but the ${array1[0]} along with ${array1[1]} and ${array1[2]}. From the 
${array1[3]}.`
var replaced = `I've to but the ${array2[0]} along with ${array2[1]} and ${array2[2]}. 
From the ${array2[3]}.`