我不明白javascript中的这个array.reverse（）

Question

下面的代码会向控制台输出什么，为什么？

var arr1 = "john".split('');
var arr2 = arr1.reverse();
var arr3 = "jones".split('');
arr2.push(arr3);
console.log("array 1: length=" + arr1.length + " last=" + arr1.slice(-1));
console.log("array 2: length=" + arr2.length + " last=" + arr2.slice(-1));

输出将是： “数组 1：长度=5 最后=j,o,n,e,s” "数组 2: length=5 last=j,o,n,e,s"

这是与此问题一起发布的答案。但是，我不明白这是遵循什么 javascript 原则或规则？

“reverse() 方法返回对数组本身的引用（即在本例中为 arr1）。因此，arr2 只是对 arr1 的引用（而不是副本）。因此，当任何对 arr2 完成（即，当我们调用 arr2.push(arr3); 时），arr1 也会受到影响，因为 arr1 和 arr2 只是对同一个对象的引用。"

Answer 1

这段代码中要注意的一点是行号。 2

var arr2 = arr1.reverse();

此代码表示将存储在内存中的数组反转[arr1 指向的] 并让 arr2 也指向同一个数组。

因此，您最终对 arr1 所引用的数组多了一个引用[arr2]。

然后你通过这个新的引用 arr2 更新同一个数组。

arr2.push(arr3);

因此，您始终将一个数组存储在内存中，并且两个引用[arr1 和 arr2] 指向相同的数组。您可以通过任何引用更新存储在该内存中的值，并且所有引用都将反映更改，因为它们指向相同的内存。

Answer 2

我认为原因是将 arr1.reverse() 分配给 arr2 就像将其绑定到它。您仍然使用相同的数组，而不是创建 arr1 的新实例。

所以

arr2.push(arr3);

等价于

arr1.reverse().push(arr3) 

当你这样看时，它自然会影响 arr1

我可能是错的，但这就是我认为正在发生的事情

Answer 3

让我们逐行分解：

var arr1 = "john".split('');

arr1 现在指向数组 ['j','o','h','n']。

var arr2 = arr1.reverse();

arr1 和 arr2 现在指向同一个数组，即 ['n','h','o','j']。

var arr3 = "jones".split('');

arr3 现在指向数组 ['j','o','n','e','s']。

arr2.push(arr3);

arr2 和 arr1 现在都指向数组 ['n','h','o','j', [ 'j','o','n','e','s'] ]。请注意，arr3 的元素不会附加到 arr1 和 arr2 指向的数组中。而是将整个数组作为单个元素添加。

console.log("array 1: length=" + arr1.length + " last=" + arr1.slice(-1));

记录 arr1 的长度，即 5（'n'、'h'、'o'、'j' 和第二个数组）。 arr1.slice(-1) 获取 arr1 数组的最后一个元素，即包含 'j','o','n','e','s' 的数组。最后一行复制了这一点，但使用了 arr2，它只是对与 arr1 相同的数组的另一个引用。

Answer 4

执行以下操作：

var arr1 = "john".split(''); //splits into j, o, h, n
var arr2 = arr1.reverse(); // reverses the array to n, h, o, j
var arr3 = "jones".split(''); // splits into j, o, n, e, s
arr2.push(arr3); // adds arr3 to the end of arr2
console.log("array 1: length=" + arr1.length + " last=" + arr1.slice(-1));
console.log("array 2: length=" + arr2.length + " last=" + arr2.slice(-1));