javascript - 10×10阵列-先前的阵列被覆盖

我有一个基本功能，可以创建一个10×10的数组，其中随机D和E为值。我的代码如下：

function tenByTen(){
    var outerArr = [];
    var arrInArr = [];

    for(var i = 0; i < 10; i++){
        for(var j = 0; j < 10; j++){
            if((Math.floor(Math.random() *10) +1) % 2 == 0){
                arrInArr[j] = ("D");
            } else {
                arrInArr[j] = ("E");
            }
        }
        outerArr[i] = arrInArr;
    }

    return outerArr;
}

执行此操作时，输出显示具有相同10个值的10个数组。似乎arrInArr中的值将被覆盖，但是为什么新值会更新outerArr中已经存在的数组？

如果在arrInArr = []的正下方添加arr[i] = arrInArr，则该函数的行为应为正常。谁能解释为什么会这样吗？是因为通过重新声明arrInArr等于一个空数组，该函数正在访问新的存储体？

先谢谢您的帮助！

最佳答案

有两种误解会引起您的困惑。首先是你在做：

outerArr[i] = arrInArr;

我假设，由于您正在执行此操作，因此假设您正在将arrInArr的值分配给outerArr[i]。然而，这种情况并非如此。您必须意识到arrInArr是指向数组的指针。因此，以上代码仅将对arrInArr的引用复制到outerArr[i]。只有一个arrInArr，因此它们都指向同一数组。

其次，您似乎相信：

var arrInArr = [];

只是声明一个数组变量。您似乎忽略的是=符号后的代码。上面的代码与以下代码完全相同：

var arrInArr = new Array();

因此，它不仅在声明变量，还在创建数组对象。这就解释了为什么在for循环中移动它可以使代码起作用：您正在为循环的每次迭代创建一个新的数组对象。