Iterables in JavaScript

Any object that can be iterated through the for of loop is called iterable.

Arrays are one of the special cases of iterable objects:

let arr = [1, 2, 3];

for (let elem of arr) {
	console.log(elem);
}

Map collections are also iterable objects:

let map = new Map();
map.set('a', 1);
map.set('b', 2);
map.set('c', 3);

for (let elem of map) {
	console.log(elem);
}

NodeList collections are also iterable objects:

let elems = document.querySelectorAll('p');

for (let elem of elems) {
	console.log(elem);
}

In addition, JavaScript allows you to make anything iterable. There are special tricks for this that we will study in the following lessons:

let obj = {a: 1, b: 2, c: 3};

// here are some tricky tricks

for (let elem of obj) { // can be iterated
	console.log(elem);
}

Give more examples of entities you know that are iterable objects.