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

现在运行上面的代码并查看结果/错误。

分析你的答案在运行代码前后的差异

第二季度。更正代码以便方法链开始工作

function filterOddNumbers(num) {
    if (num % 2 === 0) {
        return true;
    } else {
        return false;
    }
}

const evenNumbers = [1, 2, 3, 4, 5].push().filter(filterOddNumbers);

Answer 2

我建议你使用concat();

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

Answer 3

问题不在于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"]