二维数组在 JavaScript 中未正确填充和未定义答案

【问题标题】：2D array improperly filled and undefined in JavaScript二维数组在 JavaScript 中未正确填充和未定义
【发布时间】：2014-04-21 21:21:39
【问题描述】：

我正在编写一个带有两个子函数的函数：一个从表单中的两个值打印二维数组，另一个打印二维数组。此时，我一直在尝试使用具有整数值的变量来填充二维数组，但它们没有被正确填充。 min 变量在函数中的值似乎是 0，而不是传递的值。

无论如何，在我创建二维数组后，我尝试测试打印二维数组“twoDarray”，但它显示为未定义？

        function isValid(frm) {
            var xValue = document.getElementById("X").value;
            var yValue = document.getElementById("Y").value;
            if (xValue <= yValue)
            {
                /* Draw out the multiplication table. */
                function gen2Darray(min, max)
                {
                    var lengthOf2Darray = (max - min);              
                    var twoDarray = new Array(lengthOf2Darray);
                    for (var i = 0; i < lengthOf2Darray; i++)
                    {
                        twoDarray[i] = new Array(lengthOf2Darray);
                        for (var j = 0; j < lengthOf2Darray; j++)
                        {
                            twoDarray[i][j] = ((min + i) * (min + j)); // only takes i
                        }
                    }
                }   
                gen2Darray(xValue, yValue); 

                function print_2d_string_array (array)
                {
                    // print twoDarray, but twoDarray undefined here                    
                }

我创建了一个 jsfiddle 帐户，但它在网站上的工作方式不同：http://jsfiddle.net/imparante/5yTEv/。

修复：

function isValid(frm) {
    var xValue = document.getElementById("X").value;
    var yValue = document.getElementById("Y").value;
    var lengthOf2Darray = (yValue - xValue);
    var twoDarray = new Array(lengthOf2Darray);

    if (xValue <= yValue) {
        /* Draw out the multiplication table. */
        function gen2Darray(min, max) {
            //                      var lengthOf2Darray = (max - min);              
            //                      var twoDarray = new Array(lengthOf2Darray);
            for (var i = 0; i < lengthOf2Darray; i++) {
                twoDarray[i] = new Array(lengthOf2Darray);
                for (var j = 0; j < lengthOf2Darray; j++) {
                    twoDarray[i][j] = ((min + i) * (min + j));
                    $("#table").append(twoDarray[i][j] + " ");
                }
            }
            return twoDarray;
        }
        gen2Darray(xValue, yValue);

        function print_2d_string_array(array){
            // print twoDarray
        }

【问题讨论】：

您能否解决您遇到的问题，上面的代码不完整，我们需要 HTML 和整个 javascript 函数。
条件中的函数声明在严格模式下是不允许的，在非严格模式下会在不同的浏览器中产生不同的结果。

标签： javascript html arrays multidimensional-array

【解决方案1】：

您在 twoDarray 上未定义，因为该数组是在 gen2Darray() 内声明和创建的，但您正试图从 print_2d_string_array() 访问它。

如果您将 var twoDarray = new Array(); 移至您的 xValue 和 yValue 声明，应该可以解决未定义的错误。

Bin example

function isValid(frm) {
    var xValue = document.getElementById("X").value;
    var yValue = document.getElementById("Y").value;
    var lengthOf2Darray;
    var twoDarray = [];

    if (xValue <= yValue){
        /* Draw out the multiplication table. */
        gen2Darray(xValue, yValue);
        print_2d_string_array(twoDarray);
    }

    function gen2Darray(min, max){
        lengthOf2Darray = (max - min);              
        twoDarray = [lengthOf2Darray];
        for (var i = 0; i < lengthOf2Darray; i++){
            twoDarray[i] = new Array(lengthOf2Darray);
            for (var j = 0; j < lengthOf2Darray; j++){
                twoDarray[i][j] = ((min + i) * (min + j)); // only takes i
            }
        }
    }

    function print_2d_string_array(array){
        console.log(array);
    }
}

【讨论】：

【解决方案2】：

函数的声明有点错误，而且函数 gen2Darray 实际上并没有返回任何东西，所以变量 twoDarray 只能在函数的范围内使用。

请在此处查看固定代码：http://jsfiddle.net/CC5vP/

我将这两个函数移出主函数声明，然后在gen2Darray(min, max)中添加了一个return

它似乎工作正常，您需要修改 print_2d_string_array(a) 以显示数据而不是将其记录到控制台。

【讨论】：