JavaScript:为什么我不能用 .push() 链接 Array.prototype.filter？

Question

如果 Array.prototype.filter 返回一个数组，为什么我不能立即对该返回值调用 push()？

例子:

var arr = ["a", "ab", "c", "ad"];
var arr2 = arr.filter(function(elmnt) { return elmnt.indexOf("a") > -1; });
// result: ["a", "ab", "ad"]

arr2.push("aaa");
// result: ["a", "ab", "ad", "aaa"]

到此为止。

但是如何将 push() 调用链接到 filter() 调用呢？

var arr = ["a", "ab", "c", "ad"];
var arr2 = arr.filter(function(elmnt) { return elmnt.indexOf("a") > -1; }).push("aaa");
// result: 4

为什么链接 filter() 和 push() 会产生我期望的元素数量，而不是这些元素的数组？

Answer 1

问题不在于 filter() 的返回值，而在于 push() 的返回值。

push() 返回数组的新长度，而不是数组本身。

所以当你这样做的时候:

var arr2 = arr.filter(function(elmnt) { return elmnt.indexOf("a") > -1; }).push("aaa");

arr2 将分配给数组的新长度(在您的情况下恰好为 4)，而不是新数组本身。

将执行您想要的操作的修改版本是:

var arr = ["a", "ab", "c", "ad"], arr2;
(arr2 = arr.filter(function(elmnt) { return elmnt.indexOf("a") > -1; })).push("aaa");
// now arr2 is ["a", "ab", "ad", "aaa"]