If you have an iterable, such as an array, set, or list, your best option for looping through its values is the for of
syntax. Use a
counter, and … well you’ll get the right behavior, but your code just isn’t as clean or clear.
In a browser environment, NodeList
and other array-like collections should work by default. If you are using TypeScript and seeing a
type error, make sure your configuration is correct.
Noncompliant Code Example
const arr = [4, 3, 2, 1];
for (let i = 0; i < arr.length; i++) { // Noncompliant
console.log(arr[i]);
}
Compliant Solution
const arr = [4, 3, 2, 1];
for (let value of arr) {
console.log(value);
}