We all know and love the classic for loop, but did you know that JavaScript has a few other powerful for loop options up its sleeve?
1) for/in: This one is very useful to iterate over the keys of an object and manipulating object properties.
Example:
const obj = {name: "JavaScript", type: "Language"};
for (let key in obj) {
console.log(key); // outputs "name" and "type"
}
2) for/of: This one is optimal when your focus is on the values rather than the keys or indices of iterable objects, such as arrays or strings.
Example:
const arr = ["JavaScript", "is", "versatile"];
for (let value of arr) {
console.log(value);
}
3) forEach: This one is a gem, as it offers convenience and readability, helping you iterate over arrays with minimal syntax, so you can focus on the logic within the loop rather than the iteration process itself.
Example:
const arr = ["JavaScript", "is", "versatile"];
arr.forEach(value => console.log(value));
Which of these is your favorite?