本記事では、JavaScriptのfor…of文の使い方・書き方について解説しています。
JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
メリット
- 誰でも分かるように嚙み砕いて説明してくれる
- アニメーションの知識が深く学べる
- 1つのWebサイトを作りながら学べる
ポチップ
先輩くんAmazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！
後輩ちゃん初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！
全プログラマー必見！
変数名/関数名にもう悩まない！
変数名/関数名にもう悩まない！
リーダブルコード
メリット
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 （2023/07/23 02:48時点 | Amazon調べ）
ポチップ
目次
for…of文の使い方・書き方
for…of文は、配列を対象とするループ命令文です。基本的な書き方は以下のとおりです。
for (let value of array) {
// ループで実行したい処理を記述
}構文解説
- value：arrayに指定した配列要素が一つずつ代入される
- array：ループさせたい配列を指定
for文のようにカウンター変数・条件式・インクリメント/デクリメントの設定をしなくても、自動で配列の要素数分ループ処理を実行してくれます。
サンプルコード
先輩くんfor…of文を使ったサンプルコードを用意したので、動作確認してみましょう！
let foodArr = ["curry", "ramen", "sushi"];
for (let food of foodArr) {
console.log(food);
}
/* コンソールログ *
* curry
* ramen
* sushi
*/サンプルコード解説
- for (let food of foodArr)：配列foodArrに代入されている値を1つずつ仮変数のfoodに渡す
- console.log(food)：仮変数に渡された値をコンソールログに出力
