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

【问题标题】：HOW TO LOOP HTML ELEMENTS WITHOUT USING forEach()?如何在不使用 forEach() 的情况下循环 HTML 元素？
【发布时间】：2018-03-21 09:47:35
【问题描述】：

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

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

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

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

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

【问题讨论】：

你试过使用jstl标签吗？
使用foreach有什么问题
可以使用 for 循环，速度更快。
可能重复 - stackoverflow.com/questions/5349425/…
@chiliNUT 出于某些目的需要“ctr”变量及其值。

标签： javascript html node.js express htmlelements

【解决方案1】：

有很多方法可以像在任何其他语言中一样在 javascript 中迭代“iterables”。

请查看此链接：

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

您将在此处找到所有可能方式的示例：

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

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

【讨论】：

【解决方案2】：

您的问题似乎是您需要访问您的迭代变量，这可以通过 .forEach 调用作为提供给 .forEach 调用的函数中的 second 参数来工作。

下面的代码来证明。

$(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>

【讨论】：