Javascript中的链接方法错误

Question

我想知道这段简单的代码失败的原因：

var arr = [1, 2, 3];
arr.push(arr[0]).shift();
console.log(arr);

它在萤火虫控制台中返回“TypeError: arr.push(...).shift is not a function”

我认为这是因为我不是在数组上而是在推送的元素上调用 shift() 方法。

有没有更优雅的方法来获得相同的结果，

var arr = [1, 2, 3];
arr.push(arr[0]);
arr.shift();
console.log(arr);

生产？

提前致谢！

Answer 1

来自the MDN：

push() 方法将一个或多个元素添加到数组的末尾，并且 返回数组的新长度。

arr.push(arr[0]) 不返回数组，而是返回一个数字，显然没有shift 函数。

据我所知，没有简单的表达式将元素推送到数组并返回该数组。但是在您的情况下，您可以简单地反转操作并执行

arr.push(arr.shift());

Answer 2

我认为这是因为我不是在数组上而是在推送的元素上调用 shift() 方法。

几乎。 push 返回数组的新长度。一个数字显然没有shift() 方法。

你把它放在两行的方法是最简单的方法。

Answer 3

本质上，这个问题是在说，我能否以某种方式“优雅地”表达将数组的第一项移动到末尾的概念。幸运的是，JS 是图灵完备的语言，它允许我们定义函数，所以“优雅”的答案只是

rotate(arr)

现在只需定义rotate。旋转是将 添加 head 元素到末尾的结果中的第一个元素drop：

function rotate(arr) { return drop(add(arr, head(arr))); }

现在drop 是

function drop(arr) { return arr.shift(), arr; }

head当然是

function head(arr) { return arr[0]; }

而add 是

function add(arr, elt) { return arr.push(elt), arr; }

另一种方法

我还可以编写一个函数，使用splice 将n 元素从位置i 移动到位置j，如下所示：

function move(arr, n, i, j) {
    arr.splice.apply(arr, [j-n+1, 0].concat(arr.splice(i, n)));
    return arr;
}

那么到rotate就是移动一个元素开头到结尾：

function rotate(arr) { return move(arr, 1, 0, 999); }