本記事では、JavaScriptのfor文・for…of文・forEachメソッドを使用して配列要素を全て取得する方法について解説しています。
JavaScriptの学習におすすめ参考書
改訂3版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで
先輩くん
10万部突破したJavaScriptの本が大幅増補改訂し7年ぶりに発売されたよ!
後輩ちゃん
最新の基本文法から、開発に欠かせない応用トピックまで学ぶことが出来るよ!
綺麗なコードが書けるようになる!
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!
for文で配列要素を全て取得する
先輩くん
for文で配列要素を全て取得する書き方は以下のとおりです!
let countryArr = ["Japan", "America", "China", "France", "England"];
for (let i = 0; i < countryArr.length; i++) {
console.log(`${i}: ${countryArr[i]}`);
}
/* コンソールログ *
*
* 0: Japan
* 1: America
* 2: China
* 3: France
* 4: England
*/
for…of文で配列要素を全て取得する
先輩くん
for…of文で配列要素を全て取得する書き方は以下のとおりです!
let countryArr = ["Japan", "America", "China", "France", "England"];
for (let v of countryArr) {
console.log(v);
}
/* コンソールログ *
*
* Japan
* America
* China
* France
* England
*/
forEachメソッドで配列要素を全て取得する
先輩くん
forEachメソッドで配列要素を全て取得する書き方は以下のとおりです!
let countryArr = ["Japan", "America", "China", "France", "England"];
countryArr.forEach(function (v, i) {
console.log(`${i}: ${v}`);
});
/* コンソールログ *
*
* 0: Japan
* 1: America
* 2: China
* 3: France
* 4: England
*/