for...of Loop

The for...of loop provides a simple way to iterate over the values of iterable objects, such as arrays, strings, maps, sets, and more. It combines the conciseness of forEach with the ability to break and continue.

Here's the basic syntax of a for...of loop:

for (const element of iterable) {
    // Code to be executed for each element
}

• element: On each iteration, the next value from the iterable object is assigned to this variable.
• iterable: The object whose elements are being iterated over (e.g., an array or a string).

Here's an example with an array:

const fruits = ["apple", "banana", "orange"];

for (const fruit of fruits) {
    console.log(fruit);
}

Output:

apple
banana
orange

Here's another example with a string:

const text = "hello";

for (const char of text) {
    console.log(char);
}

Output:

h
e
l
l
o

Compared to traditional for loops or the forEach method, for...of offers a more straightforward syntax for many common use cases, especially when you don't need the index of each element.