loop through elements javascript code example

Example 1: loop through html nodelist

const fakeImages = document.querySelectorAll(".fake-image");

	for (var i = 0; i < fakeImages.length; i++) {
	  console.log('fakeImage: ', fakeImages[i]);
	}
                                          
	for (const fakeImage of fakeImages) {
	  console.log('fakeImage: ', fakeImage);
	}                                          
                                          
	for (const fakeImage of fakeImages.entries()) {
	  console.log('fakeImage: ', fakeImage);
	};                                          
                                          
	for (const fakeImage of fakeImages.values()) {
	  console.log('fakeImage: ', fakeImage);
	};
                                          
	for (const fakeImage of fakeImages.keys()) {
	  console.log('fakeImage: ', fakeImage);
	};                                          
                                          
	fakeImages.forEach(fakeImage => {
	  console.log('fakeImage: ', fakeImage);
	});
      
	[...fakeImages].forEach(fakeImage => {
			console.dir(fakeImage);
	});

Example 2: loop elements in javascript

var list = [{a:1,b:2}, {a:3,b:5}, {a:8,b:2}, {a:4,b:1}, {a:0,b:8}];

for (var i = list.length - 1, item; item = list[i]; i--) {
  console.log("Looping: index ", i, "item", item);
}

######### ES6 Update ################

for (let item of list) {
    console.log("Looping: index ", "Sorry!!!", "item" + item);
}

Example 3: loop through dom elements javascript

//Loop thru DOM elements

var all = document.getElementsByTagName("*");

for (var i=0, max=all.length; i < max; i++) {
     // Do something with the element here
}

Example 4: how to loop over dom objects javascript

Array.from($('.'+$( this ).attr('id'))).forEach(function(obj){

    console.log(obj);
  });