Question

我尝试使用canvas内的div循环在多个for内创建4个forEach元素。

以下是示例代码：

const wavePart = document.querySelectorAll('.waves');
wavePart.forEach(element => {
  for (i; i < 4; i += 1) {
    let can = document.createElement('canvas');
    element.appendChild(can);
   }
});

此代码仅在第一个 wavePart内创建4个画布，它不会遍历所有容器。我做错了吗？

Answer 1

是的，你是：

依赖某些包含代码的i和
未在循环中设置i的初始值

因此，i在第一次4回调后留在forEach，所以在任何后续回调中，for循环体永远不会运行，因为{{1}那时总是假的。

相反，在回调中在本地声明i < 4，并将其设置为i以开头：

JS：for for循环forEach

1 个答案: