10×10数组-以前的数组被覆盖

Question

我有一个基本的函数，用随机D和E作为值，创建一个10×10的数组。我的代码如下：

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重新声明为等于一个空数组，函数正在访问一个新的内存库吗？

提前感谢您的帮助！

Answer 1

有两种误解会引起你的困惑。第一个是你在做：

outerArr[i] = arrInArr;

我猜想，既然您正在这样做，您就假定您将arrInArr的值分配给outerArr[i]。然而，情况并非如此。您必须认识到，arrInArr是指向数组的指针。因此，上面的代码只是将对arrInArr的引用复制到outerArr[i]。只有一个arrInArr，所以它们都指向同一个数组。

第二，你似乎认为：

var arrInArr = [];

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

var arrInArr = new Array();

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