for...of ループ

for...ofループは、配列、文字列、マップ、セットなどの反復可能オブジェクトの値を反復処理する簡単な方法です。forEachの簡潔さと、breakおよびcontinueを使える機能を兼ね備えています。

以下はfor...ofループの基本構文です。

for (const element of iterable) {
    // 各要素に対して実行するコード
}

• element: 各反復で、反復可能オブジェクトから次の値がこの変数に代入されます。
• iterable: 要素を反復処理する対象のオブジェクト（配列や文字列など）です。

配列を使った例を見てみましょう。

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

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

出力:

apple
banana
orange

文字列を使った別の例を見てみましょう。

const text = "hello";

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

出力：

h
e
l
l
o

従来のforループやforEachメソッドと比べて、for...ofは、多くの一般的な用途でより簡潔な構文を提供します。特に、各要素のインデックスが必要ない場合に便利です。