Javascript多维数组访问不工作

我正在尝试使客户端能够编辑JS源代码并以以下格式定义多维数组：

imageArray[0][0][0][0] = 'image000.jpg';
imageArray[0][0][0][1] = 'image0001.jpg';
...
imageArray[1][0][0][0] = 'image1000.jpg';
imageArray[1][0][0][1] = 'image1001.jpg';

我制作了一些动态矩阵，这样JS就不会因为未初始化的数组而输出错误，现在客户端可以定义数组了

问题是，当我尝试打印一些图像时，对于某些数组（子数组）存在问题

如果选中此附加文档：您将看到它在

alert（）中打印了错误的图像。

你知道问题出在哪里吗

先谢谢你

附件内容：

<script type="text/javascript">
/// CONFIG ////
function initArray(maxRows, maxCols)
{
    var imageArray = [];
    for( c= 0; c < maxRows; c++){
        imageArray.push(recurGenCol(1, maxRows, maxCols));
    }
    return imageArray;
}
function recurGenCol(col, maxRows, maxCols)
{
    if(col >= maxCols){
        return "";
    }
    var row_col = [];
    row_col = recurGenCol(col+1, maxRows, maxCols);
    var row_row = [];
    for(k = 0; k < maxRows; k++)
    {
        row_row.push(row_col);
    }
    return row_row;
}
// INIT:
var rows = 10;
var cols = 5;
var imageArray = initArray(rows, cols);

//console.log(imageArray);

// END CONFIG. Start definng array //

//var imageArray = imageArraya;



imageArray[0][0][0][0] = 'image_0_0_0_0.jpg';
imageArray[0][0][0][1] = 'image_0_0_0_1.jpg';
imageArray[0][0][0][2] = 'image_0_0_0_2.jpg';

//console.log( imageArray[0][0][0][1]);


imageArray[0][0][0][3] = 'image_0_0_0_3.jpg';
imageArray[0][0][0][4] = 'image_0_0_0_4.jpg';
imageArray[0][0][1][0] = 'image_0_0_1_0.jpg';
imageArray[0][0][1][1] = 'image_0_0_1_1.jpg';
imageArray[0][0][1][2] = 'image_0_0_1_2.jpg';
imageArray[0][0][1][3] = 'image_0_0_1_3.jpg';
imageArray[0][0][2][0] = 'image_0_0_2_0.jpg';
imageArray[0][0][2][1] = 'image_0_0_2_1.jpg';
imageArray[0][0][2][2] = 'image_0_0_2_2.jpg';
imageArray[0][0][3][3] = 'image_0_0_2_3.jpg';
imageArray[0][0][3][0] = 'image_0_0_3_0.jpg';
imageArray[0][0][3][1] = 'image_0_0_3_1.jpg';
imageArray[0][0][3][2] = 'image_0_0_3_2.jpg';
imageArray[0][0][3][3] = 'image_0_0_3_3.jpg';
imageArray[0][1][0][0] = 'image_0_1_0_0.jpg';
imageArray[0][2][0][0] = 'image_0_2_0_0.jpg';
imageArray[0][3][0][0] = 'image_0_3_0_0.jpg';
imageArray[0][3][0][1] = 'image_0_3_0_1.jpg';
imageArray[0][3][0][2] = 'image_0_3_0_2.jpg';
imageArray[0][3][0][3] = 'image_0_3_0_3.jpg';
imageArray[1][0][0][0] = 'image_1_0_0_0.jpg';
imageArray[1][0][0][1] = 'Image_1_0_0_1.jpg';
imageArray[1][0][0][2] = 'image_1_0_0_2.jpg';
imageArray[2][0][0][0] = 'image_2_0_0_0.jpg';
imageArray[2][0][0][1] = 'image_2_0_0_1.jpg';
imageArray[2][0][0][2] = 'image_2_0_0_2.jpg';
imageArray[2][0][0][3] = 'image_2_0_0_3.jpg';
imageArray[2][1][0][0] = 'image_2_1_0_0.jpg';
imageArray[2][1][0][1] = 'image_2_1_0_1.jpg';

//imageArray[6][1][0][1] = 'image_2_1_0_1.jpg';
var img =imageArray[0][0][1][0];

//console.log(log);

alert(img);





</script>

///配置////
函数initArray（maxRows、maxCols）
{
var imageArray=[]；
对于（c=0；c=maxCols）{
返回“”；
}
var row_col=[]；
row_col=recurGenCol（col+1，maxRows，maxCols）；
var row_row=[]；
对于（k=0；k

这花了我一些时间。。。但我享受每一秒

function initArray(maxRows, maxCols){
  var c = -1, farray = [];
  var recursive = function(array){
    c++;
    for(var r = 0; r < maxRows; r++){ 
      if(c == maxCols) array[r] = '';
      else array[r] = recursive([]);
    }
    c--;
    return array;
  };
  return recursive(farray);
}

函数initArray（maxRows，maxCols）{
var c=-1，farray=[]；
var recursive=函数（数组）{
C++；
对于（var r=0；r

我支持拉斐尔的解决方案。但是我想弄清楚为什么原始代码不能像预期的那样工作

在许多编程语言中，内存中可以有多个位置指向同一位置。通常，这是通过命名变量完成的。这里有一个简单的例子

a = b = c = {hello: "there"};
// now a.hello would mean "there",
// so would b.hello and c.hello
c.hello = "bye";
// now, even a.hello would mean "bye";

但不必这样做，数组索引实际上也可以以同样的方式运行

因此，请观察我是如何评论您的代码并添加新的控制台日志的。你看到的是，在很多情况下，你把同一个物体推到多个地方。当你这样做的时候，在一个地方改变它的值会在任何地方改变它，因为它们只是对同一事物的引用

function initArray () {
    // This is the first point any array ever actually exists...
    var funArray = [];
    console.log('Just created the funArray.');
    for (i= 0; i < 10; i++){
        // Does ten pushes to the funArray with whatever
        // recurGenCol returns...
        funArray.push(recurGenCol(1, 10, 5));
        console.log('Just pushed a single multi-level array to the funArray. None of these reference the same object.');
    }
    // Returns the funArray after those ten pushes...
    return funArray;
}
function recurGenCol(col, maxRows, maxCols){
    var i;
    // Here, col starts at 1 on the first iteration,
    // it then reaches 5 on the fifth iteration,
    // passing the if check, and the function returns
    // to initArray() with an empty string.
    console.log('About to check if col ('+col+') is greater than or equal to 5.');
    if (col >= 5){
    console.log('It was true! Returning to '+arguments.callee.caller.name+' with an empty string.');
        return "";
    }
    var row_col = [];
    //console.log('Just created row_col, brand new, from scratch.');
    row_col = recurGenCol(col+1, 10, 5);
    //console.log('Now row_col is equal to the what recurGenCol returns when it is called with ' + (col + 1) + ' as the first argument.');
    var row_row = [];
    for (i = 0; i < 10; i++) {
        // Does ten pushes to row_row with whatever row_col is...
        row_row.push(row_col);
    }
    // Returns back to initArray() with whatever row_row is...
    console.log('Going to return to '+arguments.callee.caller.name+' with row_row.');
    return row_row;
}
// INIT:

var imageArray = initArray();

//console.log(imageArray);

// First level is imageArray,
// Second level is row_row,
// Third level is row_col
imageArray[0][0][0][0] = 'image_0_0_0_0.jpg';
imageArray[0][0][0][1] = 'image_0_0_0_1.jpg';
imageArray[0][0][0][2] = 'image_0_0_0_2.jpg';

//console.log( imageArray[0][0][0][1]);


imageArray[0][0][0][3] = 'image_0_0_0_3.jpg';
imageArray[0][0][0][4] = 'image_0_0_0_4.jpg';
imageArray[0][0][1][0] = 'image_0_0_1_0.jpg';
var img = imageArray[0][0][1][0];
// We expect this to log 'image_0_0_1_0.jpg'
// and it does so
console.log("first: " + img);
imageArray[0][0][1][1] = 'image_0_0_1_1.jpg';
imageArray[0][0][1][2] = 'image_0_0_1_2.jpg';
imageArray[0][0][1][3] = 'image_0_0_1_3.jpg';
imageArray[0][0][2][0] = 'image_0_0_2_0.jpg';
imageArray[0][0][2][1] = 'image_0_0_2_1.jpg';
imageArray[0][0][2][2] = 'image_0_0_2_2.jpg';
imageArray[0][0][3][3] = 'image_0_0_2_3.jpg';
imageArray[0][0][3][0] = 'image_0_0_3_0.jpg';
imageArray[0][0][3][1] = 'image_0_0_3_1.jpg';
imageArray[0][0][3][2] = 'image_0_0_3_2.jpg';
imageArray[0][0][3][3] = 'image_0_0_3_3.jpg';
imageArray[0][1][0][0] = 'image_0_1_0_0.jpg';
imageArray[0][2][0][0] = 'image_0_2_0_0.jpg';
imageArray[0][3][0][0] = 'image_0_3_0_0.jpg';
imageArray[0][3][0][1] = 'image_0_3_0_1.jpg';
imageArray[0][3][0][2] = 'image_0_3_0_2.jpg';
imageArray[0][3][0][3] = 'image_0_3_0_3.jpg';
imageArray[1][0][0][0] = 'image_1_0_0_0.jpg';
imageArray[1][0][0][1] = 'Image_1_0_0_1.jpg';
imageArray[1][0][0][2] = 'image_1_0_0_2.jpg';
imageArray[2][0][0][0] = 'image_2_0_0_0.jpg';
imageArray[2][0][0][1] = 'image_2_0_0_1.jpg';
imageArray[2][0][0][2] = 'image_2_0_0_2.jpg';
imageArray[2][0][0][3] = 'image_2_0_0_3.jpg';
imageArray[2][1][0][0] = 'image_2_1_0_0.jpg';
imageArray[2][1][0][1] = 'image_2_1_0_1.jpg';

//imageArray[6][1][0][1] = 'image_2_1_0_1.jpg';
img = imageArray[0][0][1][0];
// We expect this to log 'mage_0_0_1_0.jpg' but it DOESN'T!!!.
console.log("second: " + img);


// Rules that are true:
// - At 1st level, no items are the same object
// - At 2nd and 3rd level, all items within each parent array are the same object
// - At the last level, same-index values are the same object, except if the first level array is different

console.log('Is imageArray[0][0][0][1] the same object as imageArray[0][0][0][2]?');
console.log(imageArray[0][0][0][1] === imageArray[0][0][0][2]);

console.log('Is imageArray[0][0][0][1] the same object as imageArray[0][0][1][1]?');
console.log(imageArray[0][0][0][1] === imageArray[0][0][1][1]);

console.log('Is imageArray[0][0][0][1] the same object as imageArray[0][0][1][2]?');
console.log(imageArray[0][0][0][1] === imageArray[0][0][1][2]);

console.log('Is imageArray[0][0][0][2] the same object as imageArray[0][0][1][2]?');
console.log(imageArray[0][0][0][2] === imageArray[0][0][1][2]);

console.log('Is imageArray[0][0][0][1] the same object as imageArray[0][1][0][1]?');
console.log(imageArray[0][0][0][1] === imageArray[0][1][0][1]);

console.log('Is imageArray[0][0][0][1] the same object as imageArray[1][0][0][1]?');
console.log(imageArray[0][0][0][1] === imageArray[1][0][0][1]);

console.log('Is imageArray[0][0][1] the same object as imageArray[0][0][2]?');
console.log(imageArray[0][0][1] === imageArray[0][0][2]);

console.log('Is imageArray[0][1] the same object as imageArray[0][2]?');
console.log(imageArray[0][1] === imageArray[0][2]);

函数initArray（）{
//这是任何数组实际存在的第一个点。。。
var funArray=[]；
log（'刚刚创建了funArray'）；
对于（i=0；i<10；i++）{
//用任何东西推10次到funArray
//recurGenCol返回。。。
push（recurGenCol（1,10,5））；
log（'刚刚将一个多级数组推送到funArray。这些数组中没有一个引用相同的对象'）；
}
//在这十次推送之后返回funArray。。。
返回数组；
}
函数recurGenCol（列、行、列）{
var i；
//这里，col在第一次迭代中从1开始，
//然后在第五次迭代中达到5，
//通过if检查，函数返回
//使用空字符串初始化数组（）。
log（'即将检查列（'+col+'）是否大于或等于5'）；
如果（列>=5）{
log（'这是真的！返回带空字符串的'+arguments.callee.caller.name+'）；
返回“”；
}
var row_col=[]；
//log（'刚刚创建的行列，全新，从头开始'）；
row_col=recurGenCol（col+1,10,5）；
//log（'现在row_col等于当以'+（col+1）+'作为第一个参数调用recurGenCol时返回的值'）；
var row_row=[]；
对于（i=0；i<10；i++）{
//十次推送到row_row，不管row_col是什么。。。
行推送（行列）；
}
//返回initArray（），无论行是什么。。。
log（'将返回'+arguments.callee.caller.name+'，并带有行\行'）；
返回行\u行；
}
//初始化：
var imageArray=initArray（）；
//log（imageArray）；
//第一级是imageArray，
//第二层是row_row，
//第三层是row_col
imageArray[0][0][0][0]=“image_0_0_0.jpg”；
imageArray[0][0][0][1]=“image_0_0_1.jpg”；
imageArray[0][0][0][2]=“image_0_0_2.jpg”；
//log（imageArray[0][0][0][1]）；
imageArray[0][0][0][3]=“image_0_0_3.jpg”；
图像阵列[0][0][0][