2014年1月14日火曜日

JavaScriot: Array.forEach() で配列をループする

JavaScript では配列の各要素にループしながらアクセスする際、
以下のように書くことがある。
var array = [1, 2, 3];
for(var i = 0; i < array.length; i++) {
    console.log(array[i]);
}

しかし for ループではカウンタに使用している変数 i が、
外からアクセスできてしまう。

そこで Array.forEach() を使って以下のように書ける。
var array = [1, 2, 3];
array.forEach(function(val) {
    console.log(val);
});

関数を渡すため外部に変数を出さずにループを回すことができる。

古いブラウザでは Array.forEach() が定義されていないため、
以下のコードを読み込んでから使用すると良い。

forEach - Mozilla Developer Network
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach#Compatibility

Array.forEach() は ECMAScript Edition 5 に取り入れられて標準化されている

ECMAScript Documentation - ECMAScript
http://www.ecmascript.org/docs.php
(Edition 5.1 の 136 ページらへん)

0 件のコメント:

コメントを投稿