循环遍历对象数组，并仅将值添加到另一个数组。淘汰赛

Question

朋友。我有以下问题。我有两个可观察的数组。

self.NamesArray= ko.observableArray([{"name: John"}, {"name: Mario"}]);

和

 self.ValueArray = ko.observable([]);

我想遍历NamesArray并只向ValueArray添加Name值。

因此，输出ValueArray的末尾应该包含以下元素：

{John, Mario}

这怎么会发生呢？我对JS非常陌生，我只是在研究Knockout库。任何对工作示例的帮助都将非常感谢。谢谢。

小提琴：http://jsfiddle.net/PsyComa/RfWVP/

Answer 1

这真的取决于你做这件事的意图。

如果您只想这样做一次，只需迭代第一个数组：

// Load current values of the observables
var n = self.NamesArray(), v = self.ValueArray();

// Push all names from n to v
for (var i = 0; i < n.length; i++) {
    v.push( n[i].name );
}

// Update the "values" observable
self.ValueArray(v);

这样做的缺点是，每当"NamesArray“发生变化时，"ValueArray”都不会更新。如果您希望"ValueArray“是一个包含可以在"NamesArray”中找到的所有名称的数组(并且只包含这些名称！)，则可以使用计算的可观察值：

self.ValueArray = ko.computed(function() {
    var n = self.NamesArray(), v = [];
    // ...same for loop as above...
    return v;
});