如果我克隆一个数组并像这样推送一个值：
var arr1 = ["foo", "bar"];
var arr2 = [...arr1];
arr2.push("moo");
console.log(arr2); //["foo", "bar", "moo"]
它的行为符合我的预期。但是，如果我像这样链接 push 方法：
var arr1 = ["foo", "bar"];
var arr2 = [...arr1].push("moo");
console.log(arr2); //3 WTF?
我没想到。为什么像第二个示例一样链接 .push() 会返回数字 3 而不是值数组？
【问题讨论】：
标签： javascript arrays ecmascript-6 chaining
如果您绝对想强制执行链接，您可以在数组原型上创建自己的函数。 （不过你应该明白its implication。）
我建议不要使用相同的方法名，所以如果你想走这条路，请自己命名。
这是一个例子：
Array.prototype.add = function(elem) {
this.push(elem)
return this
}
const myArray = [].add("foo").add("bar")
console.log(myArray) // logs: [ 'foo', 'bar' ]
【讨论】：
array.push 返回您存储在arr2 变量中的数组的新长度。
您需要以下内容：
var arr1 = ["foo", "bar"];
var arr2 = arr1.concat("moo");
console.log(arr2);
【讨论】：
var arr2 = [...arr1, "moo"];
concat 创建新数组时，我的解决方案中不需要传播，因为 concat 不会改变旧数组。 @Kobe您对性能的看法是正确的，但在实际情况下，只要您不编写任何库的关键内部部分，就没有人关心。专注于完成工作，然后再进行大量优化。
正如 mehulmpt 所说，Array.prototype.push() 在推送后返回数组的新长度。但是，使用concat 非常慢。相反，spread 对第一个数组进行切片，并将 push 新值放在单独的一行中：
const arr1 = ["foo", "bar"];
const arr2 = arr1.slice();
arr2.push("moo");
console.log(arr1, arr2)JSPerf here
编辑：完全忘记了切片。切片比散布快，改用它。
【讨论】：