knockout.js - ko.observableArray 支持关联数组

Question

有没有更好的(内置的？)方法来混合 observableArray 和关联数组？

viewModel = {
    a: ko.observableArray(),
    a_assoc: {},
    add_item: function(i) {
        if (typeof this.a_assoc[i] == 'undefined') {
            this.a.push(i);
            this.a_assoc[i]=1;
        }
    }
}

viewModel.add_item('bla');

Answer 1

通常，您会在 Knockout 中执行以下操作:

var viewModel = {
    a: ko.observableArray(["a","b","c","d"]),
    add_item: function() {
       this.a.push("new" + this.a().length);   
    }
};

viewModel.a_assoc = ko.dependentObservable(function() {
    var result = {};
    ko.utils.arrayForEach(this.a(), function(item) {
       result[item] = 1;
    });
    return result;
}, viewModel);

因此，您有一个将数组映射到对象的dependentObservable。请注意，每次更新原始数组时，都会重新构建对象。因此，它比您帖子中的方法效率低，但是除非您的对象非常大，否则它是否会导致性能问题值得怀疑。

此处示例: http://jsfiddle.net/rniemeyer/PgceN/