jQueryのeachメソッドを使用して配列をループする方法をメモします。
前回、Javascriptで配列をループする方法を記載しました。
Javascript：Javascriptで配列をループする「for」
eachメソッドは繰り返し処理を行う時に使用するjQueryの関数です。
配列以外にもオブジェクトも繰り返し処理を行うことが可能です。
下記にjQueryのeachメソッドで配列をループし、配列の値を出力した時の方法をメモします。
■ jQueryで配列をループ
配列を「$.each」にセットします。
コールバック関数の「function(i, value)」に値が格納されます。
1 2 3 4 5 6 7 8 9 10 11 12 | <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メソッドを使用しても良さそうです。