Question

我一直在使用underscore.js一周，我真的很喜欢它。但是，现在我想用另一个元素替换集合（vm.lists）中的单个元素。我尝试了以下操作：

_.each(vm.lists, function (el) {
    if (el.id == list.id)
        el = list;
});

和

var l = _.findWhere(vm.lists, { id: list.id });
l = list;

但它们都没有改变集合中的实际项目。我该怎么做呢？

Answer 1

你非常接近。问题是您只是替换指向该值的局部变量（el和l），并且这不会修改初始列表。一个更简单的例子：

var list = [1, 2, 3];
var v = list[1];
v = 7; // v will now point to a new value, but list will stay intact [1, 2, 3]

与对象相同：

var olist = [{id: 1, v: 2}, {id: 4, v: 6}];
var obj = olist[0];
obj = {id: 8, v: 10}; // changes what obj points to, but does not affect olist[0]

var obj2 = olist[0];
obj2.v = 777; // olist[0] still points to the same object but the object is modified

olist[0] = {id: 8, v: 10}; // changes what olist[0] points to

所以基本上你有两个选择：

a）更改vm.lists[index]，使其指向新对象。您需要获取列表中对象的索引并执行vm.lists[index] = newObject;。请注意，某些下划线谓词还为您提供了索引_.each(list, function (el, index) {});。

b）更改vm.lists[index]指向的对象，但您需要手动复制字段。例如，如果您的对象表示为{id: id, values: [1, 2, 3], anotherField: data}，则可以复制字段：

//el.id = list.id; // don't need this as you were searching by id
el.values = list.values;
el.anotherField = list.anotherField;

IMO第一个选择是更清洁。

Answer 2

这里没有必要强调：

for (var i = 0, l = vm.lists.length; i < l; i++)
{
  var el = vm.lists[i];
  if (el.id == list.id) {
    vm.lists[i] = list;
    break; // stop the for loop
  }
}

Underscore.js：替换集合中的项目

2 个答案: