此for循环中的javascript部分是什么？

Question

有人可以向我解释for循环的部分吗？

for (let i = 0; i < height; i++) {
        grid += '<tr class="row-' + i + '">';
        // loop for each cell
        for (let j = 0; j < width; j++) {
            grid += '<td class="cell" id="row-' + i + '_cell-' + j + '"></td>';
        }
        grid += '</tr>';
    }

不幸的是，我没有得到网格部分。如何用其他方式写？

Answer 1

在您的代码中，网格仅使height行数和width行数。网格将存储此HTML代码，然后可能必须使用HTML DOM操作将其替换为某个地方。

此for循环中的javascript部分是什么？

循环是javascript的一部分，height，width，grid变量是javascript的一部分。甚至您存储的HTML代码也是javascript的一部分，因为它被存储在grid中，这只是另一个JS变量。

Answer 2

grid变量实际上是表的内容。在每个grid行上，都会生成一个新的HTML元素。

对于i次迭代，将添加一个新行，其类名称与迭代索引相同。考虑到如何在表上垂直索引行，height用作y轴上的度量。

类似地，j次迭代将一个新单元格添加到当前的'i'行中。考虑到单元格如何是表中行和列的组合，width用作x轴上的度量。

[第二个（j）循环结束后，添加了结束标记”，以关闭当前迭代的行。

Answer 3

网格部分只是程序员选择的变量名。这是一个简单的for循环嵌套，将产生如下所示的html（对于1x1输入）

用变量i和j表示它们的循环索引。