こんにちは。
今回は「jQueryで繰り返しを使ってみよう！」です。

前回は条件分岐について書いたので、今回は繰り返しについて書きたいと思います。

繰り返しとは

繰り返しとはそのままですが、ある条件をもとに繰り返し処理をします。

実際に繰り返しを使ってみよう！

jQueryで繰り返しを使うには、主にfor文とwhile文があります。
まずはwhile文からです。

[javascript]

[/javascript]

「今×回目の繰り返し」とアラートがでます。
これを10回繰り返します。

while文の書き方

[javascript]

[/javascript]

1. まず一番始めにiという変数に0を保存しています。
0からスタートするという事になります。

[javascript]
var i = 0;
[/javascript]

2. iが10以下までは繰り返すという意味になります。
これが繰り返す条件になります。

[javascript]
while( i < 10){
[/javascript]

3. iが1づつ増やしたい場合は下記のようになります。

[javascript]
i = i++;
[/javascript]

最初0だったのが、1増えて1になり、2になり、3になり、4になり...
10になった時にiが10以下ではなくなりますので、繰り返しの条件に合わなくなり、繰り返しの処理が終了します。

for文を使ってみよう！

先程のwhile分で書いた繰り返し処理をfor文で書くと下記のようになります。

[javascript]

[/javascript]

for文の書き方

[javascript]

[/javascript]

for文は先程のwhile文の書き方の1,2,3を下記のようにまとめて書く事ができます。

[javascript]
for( var i=0; i<10; i++ ){
[/javascript]

jQuery レッスンブック jQuery2.X/1.X対応

jQueryで関数を使ってみよう！

また、jQueryではeach()メソッドを使っても繰り返し処理を書く事ができますが、それはまたの機会という事で。
以上で「jQueryで繰り返しを使ってみよう！」でした。