jQueryのeachメソッドを使用して配列をループする方法をメモします。

前回、Javascriptで配列をループする方法を記載しました。

Javascript：Javascriptで配列をループする「for」

eachメソッドは繰り返し処理を行う時に使用するjQueryの関数です。
配列以外にもオブジェクトも繰り返し処理を行うことが可能です。

下記にjQueryのeachメソッドで配列をループし、配列の値を出力した時の方法をメモします。

■ jQueryで配列をループ

配列を「$.each」にセットします。
コールバック関数の「function(i, value)」に値が格納されます。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {

    var arr = ["a", "b", "c", "d", "e"];

    $.each(arr, function(i, value) {
        $('body').append(i + '：' + value + '<br>');
    });

});
</script>

下記のように出力されます。

0：a
1：b
2：c
3：d
4：e

配列をループする時にfor文を使用してもいいのですが、
jQueryを使う場合はeachメソッドを使用しても良さそうです。