JavaScriptで配列内の要素を順に処理するためにこれまではforやfor inメソッドを使っていましたが、更にforEachメソッドが存在することを知りました。
forEachメソッドは、配列内の要素ごとに指定した関数を実行します。使い方は次のとおりです。
<form>
<input type="button" id="exec" value="実行">
</form>
<div id="result"></div>
<script type="text/javascript">
jQuery(function($){
// value:要素の値,index:要素のインデックス,ary:巡っている配列
var callback = function(value,index,ary){
$('<span>' + index + ':' + value + '</br></span>').appendTo('#result');
}
$('#exec').click(function(){
var data = ['織田','豊臣','徳川','真田','上杉'];
$('#result').empty();
data.forEach(callback);
});
});
</script>
上記を実行すると、次のようになります。