メインコンテンツまでスキップ

for-of文 - 拡張for文

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

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

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

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でオブジェクトのプロパティをループする方法を説明します。
  • 質問する ─ 読んでも分からなかったこと、TypeScriptで分からないこと、お気軽にGitHubまで🙂
  • 問題を報告する ─ 文章やサンプルコードなどの誤植はお知らせください。