求助：JavaScript两组逻辑一致的代码为何执行结果不同？

你的两段代码执行结果不同，核心原因是二维数组的子数组是否为独立对象：

第一段代码的逻辑 #

手动初始化的二维数组中，三个子数组是完全独立的对象：

let arrays = [ [ ' ', ' ', ' ' ], [ ' ', ' ', ' ' ], [ ' ', ' ', ' ' ] ]

每个[ ' ', ' ', ' ' ]都是单独创建的数组，彼此没有引用关联，循环中修改任意一个子数组的元素，只会影响当前子数组，最终得到预期的对角线效果。

第二段代码的问题 #

你通过addEmptyArrays函数生成二维数组时，犯了一个典型的引用类型错误：

let addEmptyArrays = function(array){
    let addedEmptyArrays = [];
    for(i = 1; i <= centralValue; i++){
        addedEmptyArrays.push(array) // 这里push的是同一个array的引用
    }
    return addedEmptyArrays;
}

emptyArray是一个单独的数组对象，你循环三次把它的引用push到addedEmptyArrays中，这意味着arrays里的三个子数组其实是同一个数组的别名。当你在循环中修改arrays[i][...]时，本质上是在修改同一个底层数组，最终所有子数组都会呈现相同的结果。

修复方法 #

修改addEmptyArrays函数，每次push时创建原数组的副本，确保每个子数组都是独立对象：

let addEmptyArrays = function(array){
    let addedEmptyArrays = [];
    for(i = 1; i <= centralValue; i++){
        // 使用slice()创建数组副本
        addedEmptyArrays.push(array.slice())
        // 或者用展开运算符：addedEmptyArrays.push([...array])
    }
    return addedEmptyArrays;
}

这样生成的二维数组中，每个子数组都是独立的，循环修改时就会和第一段代码一样，得到预期的对角线赋值结果。

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