javascript - Underscore.js:替换集合中的项目

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;

我认为第一个选择会更干净。