javascript - 如何在不使用 forEach() 的情况下循环 HTML 元素？

Question

我目前正在使用 nodejs 和 html 使用基于 Web 的系统。

有没有其他方法可以在不使用 forEach 的情况下循环 html 元素？

我在想这样（这只是一个例子）：

 <% for(var ctr=0; ctr<arrayname.length;ctr++){ %>`
      `<input type="text">`
    `<%}%>`

我希望有人能回答我的问题。:)

Answer 1

与任何其他语言一样，有很多方法可以在 javascript 中迭代“可迭代对象”。

请看一下这个链接：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration

在这里，您将找到所有可能方式的示例：

• 声明
• do...while 语句
• while 语句
• 标记语句
• 中断语句
• 继续声明
• for...in 语句
• for...of 语句

我希望它有所帮助。如果它不适合您，很高兴知道您想要实现什么以及为什么要实现。

Answer 2

您的问题似乎是您需要访问您的迭代变量，该变量可以通过.forEach调用作为提供给调用的函数中的第二个.forEach参数来实现。

下面的代码以显示证据。

$(function(){
  var items = ['one','two','three'];
  items.forEach(function(item,ctr){
    $('#testing').append('<div class="ctr-'+ctr+'">'+item+' CTR: '+ctr+'</div>');
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="testing">
</div>