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>
上記を実行すると、次のようになります。