如何在 JavaScript 中交换二维数组中的两个元素？ （对我在 Chrome 中从 console.log 看到的内容感到困惑）

我想在 2D 数组内交换两个数组，但是 JS 似乎在我的实际交换发生之前就这样做了。

这是我正在研究的算法，提供了显示点列表的每种可能的方式。我尝试了几种方法来做到这一点，但关键问题不断出现，我已经设法将其缩减为这样的代码：

var points = [[1,2],[10,20],[100,200]];
console.log(points);
var a = points[1][0];
var b = points[1][1];
points[1][0] = points[2][0];
points[1][1] = points[2][1];
points[2][0] = a;
points[2][1] = b;
console.log(points);

我知道这段代码并不接近 DRY，但它有同样的问题：“点”在声明后被记录到行中的控制台，尽管在该日志中，它已经被交换了？这怎么可能，因为还没有命令说要这样做。 JavaScript 如何处理这种和平的代码？为什么我的似乎不起作用？

**第一个日志的预期输出是：[[1,2],[10,20],[100,200]] **对于第二个日志：[[1,2],[100,200],[10,20]]

StackOverFlow 片段按预期运行，但 Chrome 运行方式不同

我相信这里发生的事情是控制台显示类似这样的内容（在 Firefox 中）：

但是，然后单击将其展开以查看数组内部，项目被交换：

这是因为控制台实际上向您显示参考到数组，因为你的算法修改了原始数组in place，当您在控制台中单击展开该元素时，引用已被修改。你的代码没问题，你可以尝试使用.toString() or JSON.stringify甚至[...points]确保每行输出到控制台的内容是不同的值，而不是对同一值的引用。

运行你的精确算法console.log(points.toString())相反，我看到了这个（再次在 Firefox 中）：

仅出于演示目的，以下是如何简化代码以使用解构赋值执行相同操作的方法：

var points = [[1, 2], [10, 20], [100, 200]];
console.log(points.toString());
[points[1], points[2]] = [points[2], points[1]];
console.log(points.toString());