Array.push 返回推送值？

Question

修改Array.push() 以返回推送的对象而不是新数组的长度可能是一个坏主意，是否有任何实质性的原因？

我不知道这是否已经被提议或询问过；谷歌搜索只返回了无数与Array.push() 的当前功能相关的问题。

这是此功能的示例实现，请随时更正：

;(function() {
    var _push = Array.prototype.push;
    Array.prototype.push = function() {
        return this[_push.apply(this, arguments) - 1];
    }
}());

然后你就可以做这样的事情了：

var someArray = [],
    value = "hello world";

function someFunction(value, obj) {
    obj["someKey"] = value;
}

someFunction(value, someArray.push({}));

例如someFunction修改作为第二个参数传入的对象。现在someArray的内容是[{"someKey": "hello world"}]。

这种方法有什么缺点吗？

Answer 1

See my detailed answer here

TLDR;
当您改为使用array.concat[] 添加元素时，您可以获得变异数组的返回值。

concat 是一种将两个数组“添加”或“连接”在一起的方式。这个方法很棒的地方在于它有一个结果数组的返回值，所以它可以被链接起来。

newArray = oldArray.concat[newItem];

这也允许您将函数链接在一起

updatedArray = oldArray.filter((item) => { item.id !== updatedItem.id).concat[updatedItem]};

在哪里item = {id: someID, value: someUpdatedValue}

主要需要注意的是，您需要将一个数组传递给concat。
因此，请确保将要“推送”的值放在几个方括号内，这样就可以了。
这将为您提供 push() 所期望的功能

您可以使用+ 运算符将两个数组“添加”在一起，或者将要连接的数组作为参数传递给concat()。

let arrayAB = arrayA + arrayB;
let arrayCD = concat(arrayC, arrayD);

请注意，通过使用concat 方法，您可以利用concat 之前和之后的“链接”命令。

Answer 2

修改Array.push() 以返回推送的对象而不是新数组的长度可能是一个坏主意，是否有任何实质性的原因？

当然有一个：其他代码将期望Array::push 的行为符合规范中的定义，即返回新的长度。如果您确实重新定义了内置函数以使其行为异常，其他开发人员会发现您的代码难以理解。

至少为方法选择一个不同的名称。

然后您可以执行以下操作：someFunction(value, someArray.push({}));

呃，什么？是的，我的第二点已经发生了:-)

但是，即使您没有使用push，这也无法表达您想要做的事情。您应该表达的组合是“将由键和值组成的对象添加到数组中”。更函数化的风格，让someFunction返回这个对象，就可以写了

var someArray = [],
    value = "hello world";

function someFunction(value, obj) {
    obj["someKey"] = value;
    return obj;
}

someArray.push(someFunction(value, {}));

Answer 3

正如一个历史记录——有一个旧版本的 JavaScript——JavaScript version 1.2——它处理许多数组函数的方式完全不同。

特别针对这个问题，Array.push确实返回了item，不是数组的长度。

也就是说，1.2 几十年来都没有被使用过——但一些非常古老的参考资料可能仍然提到这种行为。

http://web.archive.org/web/20010408055419/developer.netscape.com/docs/manuals/communicator/jsguide/js1_2.htm

Answer 4

ES6的到来，建议以适当的方式扩展数组类，然后，覆盖push方法：

class XArray extends Array {
   
   push() {
     super.push(...arguments);
     return (arguments.length === 1) ? arguments[0] : arguments;
   }
 
}
//---- Application
let list  = [1, 3, 7,5];

list = new XArray(...list);

console.log(
  'Push one item : ',list.push(4)
);

console.log(
  'Push multi-items :', list.push(-9, 2)
);

console.log(
   'Check length :' , list.length
)

Answer 5

var arr = [];
var element = Math.random();
assert(element === arr[arr.push(element)-1]);

Answer 6

push() 方法返回最后添加的元素，这使得在创建短函数/reducer 时非常不方便。此外，push() - 在 JS 中是一个相当古老的东西。另一方面，我们有 spread operator [...] 其中 is faster 可以满足您的需求：它完全返回一个数组。

// to concat arrays
const a = [1,2,3];
const b = [...a, 4, 5];
console.log(b) // [1, 2, 3, 4, 5];

// to concat and get a length
const arrA = [1,2,3,4,5];
const arrB = [6,7,8];
console.log([0, ...arrA, ...arrB, 9].length); // 10

// to reduce
const arr = ["red", "green", "blue"];
const liArr = arr.reduce( (acc,cur) => [...acc, `<li style='color:${cur}'>${cur}</li>`],[]);
console.log(liArr);
  //[ "<li style='color:red'>red</li>", 
  //"<li style='color:green'>green</li>", 
  //"<li style='color:blue'>blue</li>" ]

Answer 7

用 someArray[someArray.length]={} 代替 someArray.push({}) 怎么样？赋值的值就是被赋值的值。

var someArray = [],
    value = "hello world";

function someFunction(value, obj) {
    obj["someKey"] = value;
}

someFunction(value, someArray[someArray.length]={});

console.log(someArray)