Knockout JS：observableArray.splice（0）没有克隆数组？

Question

背景

我似乎无法失去对我试图克隆的原始数组的引用。 为了具体说明我的问题，假设我有以下内容。

JSBin ： http ： //jsbin.com/fehoq/168/edit

student.scores:  Array[3]
    0: 12
    1: 97
    2: 81

我的dropLowestScores方法然后打算在scores数组中找到两个最低值， 复制它们并将它们放在属性lowest 。

 student.lowest:  Array[2]
    0: 12
    1: 81

不幸的是，虽然我得到了lowest的正确值，而不是从scores复制它们，但它们是拼接的。 不仅如此，我的原始阵列中的所有值都已耗尽。

student.scores:  Array[0]

这可能是有意义的，因为我正在调用knockout的splice方法， 但是我在scores数组的副本上调用它，我首先调用splice(0) ！ 我不确定它是否重要，但我拼接的可观察数组包含可观察的数字。

有关详细信息，请参阅下面的脚本，或者查看完整内容的JSBin。

请注意， student只是我正在使用的模型。

JS

this.dropLowestScores = function() {

    // find lowest scores for each student
    ko.utils.arrayForEach(_this.students(), function(student){

        //sporting function for observable values in array
        var comparator = function(a,b){
          if(a()<b()){
            return -1;
          } else if(a() > b()){
            return 1;
          } else {
            return 0;
          }
        };                 

        // tmp is a sorted clone of scores
        var tmp = student.scores().sort(comparator).splice(0);

        // set lowest to last two values in tmp array
        student.lowest = tmp.splice((tmp.length-2),tmp.length);

        // see what I'm getting
        console.log(student.fullName());
        console.log('student lowest: ' + student.lowest.length);
        console.log('student scores: ' + student.scores().length);
    });
};

更新

正如edhedges指出的那样， slice是正确的方法。 comparator也按照我的预期进行排序。

另一点是，在创建tmp之前我无法排序，否则它会更新视图，这是我不想要的。

最终版本应如下所示。

this.dropLowestScores = function() {
    ko.utils.arrayForEach(_this.students(), function(student){
        var comparator = function(a,b){
          if(a()<b()){
            return 1;
          } else if(a() > b()){
            return -1;
          } else {
            return 0;
          }
        };       
        var tmp = student.scores().sort(comparator).slice(0);
        student.lowest = tmp.splice((tmp.length-2),tmp.length-1);
    });
};

Answer 1

你在这里遇到的主要问题是你调用了splice并且应该调用slice 。

正如你所看到的， slice是你想要完成的，但是你使用splice而没有第二个参数，所以你的数组被擦除了。

修复后，您的comparator功能仍然存在问题。 你回来了两个最高而不是两个最低。

// updated dropLowestScores
this.dropLowestScores = function() {
    ko.utils.arrayForEach(_this.students(), function(student){
        var comparator = function(a,b){
          if(a()<b()){
            return 1;
          } else if(a() > b()){
            return -1;
          } else {
            return 0;
          }
        };                 
        var tmp = student.scores.slice(0).sort(comparator);
        student.lowest = tmp.splice((tmp.length-2),tmp.length);
        console.log(ko.toJSON(student.lowest));
        console.log(ko.toJSON(student.scores));
    });
};