谁能解释以下Javascript代码行为？

Question

这是我的Javascript代码：

var subRow = [];
var rowarr = [];
subRow.push({ v: "Jay" });
subRow.push({ v: "Ram" });
rowarr.push({ c: subRow });
subRow.length = 0;
subRow.push({ v: "Jay1" });
subRow.push({ v: "Ram1" });
rowarr.push({ c: subRow });
console.log(JSON.stringify(rowarr));

输出为：

    [{
    "c": [{
        "v": "Jay1"
    }, {
        "v": "Ram1"
    }]
}, {
    "c": [{
        "v": "Jay1"
    }, {
        "v": "Ram1"
    }]
}]

预期的输出是：

    [{
    "c": [{
        "v": "Jay"
    }, {
        "v": "Ram"
    }]
}, {
    "c": [{
        "v": "Jay1"
    }, {
        "v": "Ram1"
    }]
}]

谁能解释为什么呢？

Answer 1

数组由引用处理。

subRow.length = 0; 删除数组的内容。

然后， rowarr包含指向同一数组的两个指针（清空数组后，数组中只包含其中的内容）

更改subRow.length = 0; subRow = []可在新数组上工作，而无需修改现有数组。

Answer 2

subRow指向一个对象。 push其push rowArr将创建对该对象的引用。 您将其推送两次，即对一个对象的两个引用。 当您编辑subRow ，对对象的两个引用均会看到更改，因此您践踏了对象的所有旧内容-它们未存储在其他任何地方，因此完全丢失了。 您需要创建一个全新的对象，而不是编辑旧对象。