javascript - 替换 VueJs 数组中的值

Question

我有两个数组:

1) listArray 格式如下:

0: {value: "373", text: "1 - First Item in the Array"}
1: {value: "343", text: "2 - Second Item in the Array"}
2: {value: "376", text: "3 - Third Item in the Array"}

2) displayArray 格式如下:

0: {name: "Number One", position: "373", additionalinfo: "Description Goes Here"}
1: {name: "Number Two", position: "343", additionalinfo: "Description Goes Here"}
2: {name: "Number three", position: "376", additionalinfo: "Description Goes Here"}

我想让第二个数组 displayArray 使用 listArray 中的信息，看起来像这样:

0: {name: "Number One", position: "1 - First Item in the Array", additionalinfo: "Description Goes Here"}
1: {name: "Number Two", position: "2 - Second Item in the Array", additionalinfo: "Description Goes Here"}
2: {name: "Number three", position: "3 - Third Item in the Array", additionalinfo: "Description Goes Here"}

我不介意创建第三个数组，但是当我尝试在 array.push 中使用它时，出现错误。我该怎么做？

Answer 1

选项 1:更改 displayArray

使用forEach:

displayArray.forEach((item, index) => {
  item.position = listArray[index].text;
})

选项 2:创建一个新数组

使用 map :

const newArray = displayArray.map((item, index) => {
  const newitem = Object.assign({}, item);
  newitem.position = listArray[index].text;
  return newitem;
})

这是一个demo