配列を繰り返して値を取得

配列を繰り返して値を取得するには、for文またはArray.forEachメソッドを使用します。

  • ※ Array.forEachメソッドはIE8以下は対応していません。

for文

サンプルコード

次のコードはインデックス番号0から配列の最後のインデックス番号までを繰り返します。
for文については、処理を繰り返す(for文)ページをご覧ください。

JavaScript

var foo = ['apple', 'orange', 'banana'];

for (var i = 0, len = foo.length; i < len; i++) {
	alert(foo[i]);
}

次のコードはinキーワードを使用して繰り返してキーのみを取得します。

JavaScript

var foo = ['apple', 'orange', 'banana'];

for (var index in foo) {
	alert('キー:' + index);
}

次のコードはofキーワードを使用して繰り返して値のみを取得します。

JavaScript

var foo = ['apple', 'orange', 'banana'];

for (var val of foo) {
	alert('値:' + val);
}
  • ※ ofキーワードはECMAScript 2015(ES6)から追加された機能のため、全てのIEや古いバージョンのブラウザは対応していません。

Array.forEachメソッド

構文

array.forEach(callback[, thisArgument]);

引数

引数名 説明
第一引数
必須
callback Function 処理を行い値を返すための関数
繰り返すごとに実行される
第二引数 thisArgument number callbackのthisとして使用するオブジェクト
指定しない場合の初期のthisはWindowオブジェクト

callbackの引数

callback(value, index, array) { ... }
引数名 説明
第一引数 value Any 現在の値
第二引数 index number 現在のインデックス番号
第三引数 array Array 処理している配列

サンプルコード

JavaScript

var foo = ['apple', 'orange', 'banana'];

foo.forEach(function(value) {
	alert(value);
});

JavaScript逆引きリファレンス一覧へ戻る