jQueryで繰り返しを使ってみよう!

2014/10/24

jquery_for_while

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

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

 

繰り返しとは

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

 

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

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

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

 

while文の書き方

 

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

 

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

 

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

 

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

 

for文を使ってみよう!

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

 

for文の書き方

 

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

 

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

 

jQueryで変数を使ってみよう!
jQueryで関数を使ってみよう!
jQueryで条件分岐を使ってみよう!

 

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

topへ戻る