JavaScript forEachメソッド

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>

上記を実行すると、次のようになります。