如何使用映射/过滤器修改对象数组的内容？

Question

我有以下数组：

myarray = [{ 'key': 'A', }, {'key': 'B'}]

什么是最好的方法，以便我可以使用javascript中的映射/过滤器函数来执行以下操作：

for(var i = 0; i < myarray.length; i++) {
 if( myarray[i].key == 'B') {
     myarray[i].mark = "marked!"
  }
}

当我尝试类似的事情时：

myarray.filter((someobject) => someobject.key == 'B').mark = "marked!"
console.log(myarray) // this does not show the "mark" key.

我想修改原始数组。

Answer 1

如果只有一个匹配项，那么您可以使用find：

myarray.find(someobject => someobject.key == 'B').mark = "marked!"

如果您不知道匹配的数量，那么您的for循环似乎是最好的方法。否则你可以例如去filter和forEach：

myarray.filter(someobject => someobject.key == 'B')
       .forEach(someobject => someobject.mark = "marked!")

Answer 2

最好的方法是什么，以便我可以使用 javascript 中的映射/过滤器函数来执行与此代码相同的操作？

不是全部，因为既不修改map也不filter 修改数组。他们创造新的。你可以使用类似的东西

let newArray = myArray.map(({key} => ({key, marked: key=='B'}));

但与你的代码等效的最好的 ES6 是

for (let v of myArray) if (v.key == 'B') v.mark = 'marked';

您也可以使用forEach，但我强烈建议不要在函数式方法中掩盖副作用：

myArray.filter(({key}) => key == 'B').forEach(v => { v.mark = 'marked'; });