javascript - 如何更改数组的值并将其存储在新数组中？

Question

几个小时以来，我一直在搜索 SO 并试图解决这个问题:我有一个包含对象的数组。每个对象都有一个键/值对。我想更改某个键的值并将其存储在一个新数组中。

请看看这个stackblitz

data:any[] = [
  { color: "brown", nr: 1},
  { color: "red", nr: 2},
  { color: "green", nr: 3}
]

newData: any[];

text() {
  const array = [];

  for (let i = 0; i < this.data.length; i++) {
    this.data['nr'] = i * 2;
    this.data['color'] = "yellow";
    array.push(this.data[i]);
    console.log(this.data[i]);
  }

  this.newData = array;
  console.log(array);
}

我预计 newData 数组将具有新值，但没有成功。显然我做错了什么。有人知道吗？

Answer 1

尝试使用 .map 函数:

let newArray = data.map((x, index) => ({
  color: 'yellow',
  nr: x.nr * index
}));