淘汰 observableArray 性能

Question

如何一次性将所有值添加到observableArray中？在我的情况下，在循环中添加值的速度非常慢。这是 jsfiddle 示例。 jsfiddle

Answer 1

var myArray = ko.observableArray([]);
var valuesToInsert = [1,2,3];
myArray.push.apply(myArray, valuesToInsert);

就是这样

Answer 2

由于您要清除整个可观察数组，因此实现此目的的一种方法是：

var viewModel = {
    name: "base",   
    addingValue:new ko.observable(),
    someArr: new ko.observableArray(["123","432","sdafasd","xrere"]),
    add: function()
    {
        this.someArr.push(this.addingValue());
    },
    updateSomeArr:function()
    {
        var temp = [];

        for(var i=0;i<5;i++)
        {
            temp.push("555565");
        }

        this.someArr(temp);
    }
}

Answer 3

已经有一个选定的答案，但我认为以下内容会有所帮助。您可以通过执行可观察数组来禁用观察行为，以获取底层数组实现：

var underlyingArray = viewModel.someArr();

然后您可以将项目添加到 underlyingArray 中，而无需触发 someArr 事件。添加完项目后，调用：

viewModel.someArr.valueHasMutated();

这将导致事件触发，通知所有依赖于 viewModel.someArr() 的可观察对象。