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