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メソッドを使用しても良さそうです。
