HOW TO LOOP HTML ELEMENTS WITHOUT USING forEach()?

Question

I'm currently working with my web based system using nodejs and html.

Is there any alternative way to loop html elements without using forEach?

I'm thinking about like this(this is just an example):

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

I hope someone will answer my question. :)

possible duplicate - https://stackoverflow.com/questions/5349425/whats-the-fastest-way-to-loop-through-an-array-in-javascript — divya reddy, Oct 10 '17 at 05:25
@chiliNUT ill be needing the 'ctr' variable and its value for some purposes. — Sean Cortez, Oct 10 '17 at 05:26
@dandavis how can i do that? ive been searching in google for hours but it seems there's no example of it. — Sean Cortez, Oct 10 '17 at 05:26

score 1 · Answer 1 · answered Oct 10 '17 at 05:26

There are many ways to iterate through 'iterables' in javascript as in any other language.

Please take a look to this link:

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

Here you will find examples of all the possible ways:

for statement
do...while statement
while statement
labeled statement
break statement
continue statement
for...in statement
for...of statement

I hope it helps. If it doesn't fit you, it would be nice to know what and why you want to achieve.

score 0 · Accepted Answer · answered Oct 10 '17 at 05:32

It seems that your issue is that you need to be access your iterating variable, which is workable through a .forEach call as the second argument in the function provided to the .forEach call.

Code below to show proof.

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

HOW TO LOOP HTML ELEMENTS WITHOUT USING forEach()?

2 Answers2