配列を繰り返して値を取得
配列を繰り返して値を取得するには、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);
});