for-of文 - 拡張for文

JavaScriptで配列をループするのに使えるのがfor-of構文です。PHPのforeachやPythonのfor inと使い勝手が似ている構文です。

js
for (変数 of 配列) {
  文;
}

js
for (変数 of 配列) {
  文;
}

次の例は、配列[1, 2, 3]をループして順番に1、2、3を出力するものです。

js
const numbers = [1, 2, 3];
for (const n of numbers) {
  console.log(n);
}

js
const numbers = [1, 2, 3];
for (const n of numbers) {
  console.log(n);
}

for-ofでインデックスを取得する

JavaScriptで、for-ofで配列のインデックスと値を一緒に得るには、entriesメソッドを組み合わせます。

js
const words = ["I", "love", "TypeScript"];
for (const [index, word] of words.entries()) {
  console.log(index, word);
}
0 I
 
1 love
 
2 TypeScript

js
const words = ["I", "love", "TypeScript"];
for (const [index, word] of words.entries()) {
  console.log(index, word);
}
0 I
 
1 love
 
2 TypeScript

関連情報

📄️ 配列をループする方法

JavaScript/TypeScriptで配列をループするには、主にfor文、for-of文、配列のメソッドの3つの方法があります。

📄️ オブジェクトをループする方法

JavaScript・TypeScriptでオブジェクトのプロパティをループする方法を説明します。