JavaScriptで配列の要素をすべて取得する処理

配列の全要素取得は for文を使う方法もあるが、ソースの可読性が落ちるのでよろしくない。 なのでArrayクラスのforEach構文を使う。

// シンプルな配列の場合
var array = ["a", "b", "c", "d", "e"];
array.forEach(function(item){
    alert(item);
});

// 連想配列をもつ配列の場合
var array = [
    { label : "4月", value : 500 },
    { label : "5月", value : 700 },
    { label : "6月", value : 900 },
    { label : "7月", value : 1000 },
    { label : "8月", value : 800 },
    { label : "9月", value : 450 }
];
 
array.forEach(function(item){
    alert(item.label + "は" + item.value);
});

ちなみにarray(連想配列in配列)を単純な連想配列にするよりも、 連想配列in配列としてデータを持たせたほうが変更に強くなる。

※補足 JavaScriptの拡張for文だが、 Javaの場合は、繰り返されるデータを入れる引数(下のlist)の部分に「配列」も受け取れるが、JavaScriptは受け取れない。

// Javaの場合
for (String str : list ){
    // listは配列または、java.lang.Iterableを継承したクラス
}

// JavaScriptの場合
for (var item in list){
    // listは連想配列のみ
}