下划线 JS 通过键值对更新对象数组

Question

假设我有一个这样的对象数组：

$scope.colors = [
  {color:'Teal', id:5},
  {color:'Black', id:8},
  {color:'Red', id:9}
];

我想做这样的事情

$scope.colors = _update(color='Yellow' where id=8);

你将如何在 underscorejs 中完成这样的事情？还是 Lodash 或 Typescript 是此类事情的最佳选择？

目标是让新数组如下所示：

$scope.colors = [
  {color:'Teal', id:5},
  {color:'Yellow', id:8},
  {color:'Red', id:9}
];

我来自 PHP / MySQL 背景。

Answer 1

您可能不需要 underscore.js。 Array.map 会做到的。

var colors = [
  {color:'Teal', id:5},
  {color:'Black', id:8},
  {color:'Red', id:9}
];

colors.map(function(i){

    if(i.id == 8) {
        i.color= 'Yellow'; 
    }
    return i;

});

console.log(colors);