javascript - 将多维数组中的每个元素加倍的JavaScript方法

我刚接触javascript，并被要求进行此测试的学徒制，我还没有走很远，只需要一些帮助...我要做的就是将多维数组中的每个数字加倍并将其打印出来到网页上，对不起，如果这对某些人来说似乎很简单，我是相对较新的人，所以并不了解很多。

        // Define a 2 dimensional (3 x 3) array
        var array = [
            [1, 2, 3],
            [4, 5, 6],
            [7, 8, 9]
        ];


        // TO DO: Double each number in the 2 dimensional array

到目前为止，这就是我所不确定的一切，如果我走的路正确吗？

        for (var i = 0; i < array[0].length + array.length; i++){
            for (var j = 0; j <array[0].length +array.length; j++){
            array[i] = array[i] * 2;
                document.write(array[i][j])
                }
            }




        // Output results
        document.write(array.toString(array));

        // Say how big the array is
        document.write("<p>Table is " + array[0].length + " columns by " + array.length + " rows</p>");

        // Start the table
        document.write("<table>");

        // Output the rows
        document.write("<tr><td>" + array[0][0] + "</td><td>" + array[0][1] + "</td><td>" + array[0][2] + "</td></tr>");
        document.write("<tr><td>" + array[1][0] + "</td><td>" + array[1][1] + "</td><td>" + array[1][2] + "</td></tr>");
        document.write("<tr><td>" + array[2][0] + "</td><td>" + array[2][1] + "</td><td>" + array[2][2] + "</td></tr>");

        // End the table
        document.write("</table>");

        // Optionally... make the above "output the rows" code work with
        // any sized array

    </script>
</body>

最佳答案

您可以使用.map()而不是for循环来执行此操作，从而使其更简洁。

var arr = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];

arr = arr.map(function (sub_arr) {
    return sub_arr.map(function (elem) {
        return elem*2;
    });
});

console.log(arr);

或选择使用ES6语法

arr = arr.map(sub_arr => sub_arr.map(elem => elem*2));

console.log(arr);

您生成逻辑输出的逻辑不是最好的，但是它应该可以正常工作，尽管我会使用循环来生成输出，而不是静态地编码[0] [0]，[0] [1]，[0] [2 ]等...