問題一覧に戻る
中級es6
問題78: for...of ループ

for...ofループを学びましょう。ES6で導入されたこの構文は、イテラブルなオブジェクト(配列、文字列、Map、Setなど)の値を直接反復処理します。従来のforループやforEachよりも直感的で読みやすく、インデックスを気にする必要がありません。配列の処理、文字列の文字単位の操作、コレクションの反復など、モダンJavaScriptでの反復処理の基本となる重要な構文です。

// for...ofループ
const numbers = [1, 2, 3, 4, 5];

// 配列の反復
let sum = 0;
for (const num numbers) {
sum num;
}
console.log("合計: " + sum);

// 文字列の反復
const text = "Hello";
let result = "";
for (const char of ) {
result += char + "-";
}
console.log("文字: " + result.slice(0, -1));