JavaScript数组修改问题：修改矩阵首行首列时所有行对应列同步变更如何解决

问题根因 #

该问题是JavaScript的引用类型特性导致的：数组属于引用类型，你在循环外仅创建了一个row数组实例，循环中往matrix数组push的都是同一个数组的内存引用，并非独立的新数组。此时matrix[0]和matrix[1]指向完全相同的内存地址，修改任意一个位置的元素，所有引用该地址的位置都会同步变更，因此才会出现改第一行同时影响第二行的情况。

你的代码运行逻辑等价于：

let matrix = [];
let row = [0, 0];
matrix[0] = row;
matrix[1] = row;
matrix[0][0] = 1;
// 等价于 row[0] = 1，因此matrix[1][0]也同步变为1

解决方法 #

只要保证矩阵每一行都是独立的数组实例即可，以下是两种常用的实现方案：

• 方案1：循环内部逐次创建行数组

let matrix = [];
for (let i = 0; i < 2; i++) {
  // 每次循环都生成新的独立数组
  matrix.push([0, 0]);
}
matrix[0][0] = 1;
console.log(matrix); // 输出 [[1,0],[0,0]] 符合预期

• 方案2：基于模板数组浅拷贝生成新行
  如果行结构是提前定义好的固定模板，可以用展开运算符或slice()方法做浅拷贝，生成独立实例后再存入矩阵：

let matrix = [];
const rowTemplate = [0, 0];
for (let i = 0; i < 2; i++) {
  // 两种浅拷贝写法二选一即可
  matrix.push([...rowTemplate]);
  // matrix.push(rowTemplate.slice())
}
matrix[0][0] = 1;
console.log(matrix); // 输出 [[1,0],[0,0]] 符合预期

两种方案都支持任意修改指定索引位置的元素，不会出现互相影响的问题。

内容的提问来源于stack exchange，提问作者karim_mo