javascriptにおけるfor文の書き方

公開日: : 最終更新日:2014/08/15 JavaScript/jQuery

スポンサーリンク

1. for文とは

ある条件が正しいときに処理を繰り返すというループを記述するための文です。
似たような処理を何度も繰り返させたいときに使います。

2. for文の書き方

2-1. for

for(初期化;ループの継続条件;カウンタの更新)
{ 文 }

例)

for(i=0;i<10;i++)//(for vari=0;i<10;i++))
{
 alert(i);
}

iはカウンタの変数で、前にvarを付けても構いません。また、iはどういった名前にしても問題ありません。上の例ではダイアログを出す「alert」を10回繰り返します。非常に味気ないサンプルなので、もうひとつ配列を使ったサンプルを用意しました。

var ary = ["リンゴ","ゴリラ","ラッパ"];
for(i=0;i<ary.length;i++)
{
 alert(ary[i]);
}

配列は「.length」で長さを取得(※)でき、添え字[]に番号を挟むことで指定の要素を呼ぶことができます。この例では3回ループが処理され「リンゴ」、「ゴリラ」、「ラッパ」の順にダイアログが表示されます。

(※)厳密にはlengthは配列の要素数ではありません。配列に定義されているインデックスの最大値に1を足した数値のようです。使い方によっては注意してください。

参考:『実はJavaScriptのlengthプロパティは配列要素数ではありません

2-2. for in

ある程度プログラミングの経験のある方ならば連想配列というのを聞いたことがあると思います。私はCから入ったのでしばらく知りませんでした。。

連想配列とは通常添え字に数値以外の文字列なども使用できる配列のことです。JavaScriptでは次のように定義します。初期値を代入するときは”[“、”]”ではなく、”{“、”}”を使ってください。

var ary = {“a”:”リンゴ”,”b”:”ゴリラ”,”c”:”ラッパ”};
ary[“d”] = “パンツ”;

要素の前に「:」を挟んで任意のキーを指定します。直接添え字にキーを指定してそれに対応する要素を代入しても構いません。そして、キーと要素を呼ぶ時には「for in」を使います。

var ary = {"a":"リンゴ","b":"ゴリラ","c":"ラッパ"};
ary["d"] = "パンツ";
for(key int ary)
{
 alert(key+"⇒"+ary[key]);
}
a⇒リンゴ、b⇒ゴリラ、c⇒ラッパ、d⇒パンツ

の順にアラートされます。

3. for文で使える文法

for文やwhile文などの繰り返し文中でのみ使える文法があります。それは

①繰り返し文を途中で中止して抜けるbreak
②次の繰り返しへ進めるcontinue

です。

3-1. break

break文を使うと繰り返し文を途中で脱出することができます。

例)

var ary = ["リンゴ","ゴリラ","ラッパ"];
for(i=0;i<ary.length;i++)
{
 alert(ary[i]);
 if(i==1){
  break;
 }
}

この例ですと「i」が1のときにbreakしているので呼ばれるアラートは「リンゴ」と「ゴリラ」までです。基本的には条件文と組み合わせて、特定の条件のときのみbreakするようにします。

3-2. continue

continue文を使うとループ中の処理をその時点でスキップすることができます。

例)

var ary = ["リンゴ","ゴリラ","ラッパ"];
for(i=0;i<ary.length;i++)
{
 alert("前"+ary[i]);
 continue;//ここで先頭にスキップする
 alert("後"+ary[i]);
}

この例ですと「前」とついたアラートは呼ばれますが、「後」と付いたアラートはcontinueでスキップされて先頭にスキップされるので呼ばれません。break文もcontinue文も基本的にはifなどの条件文と組み合わせて使います。

スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

source_php

PHPでページリロードをしようと思ったができなかったので

header("Location: ".$_SERVER); とすればページをリロードでき

記事を読む

jquery-icon

jQueryにおけるcreateElement

jQueryでcreateElementに変わる関数は単純で、例えばvar dom = docume

記事を読む

consoledirimg

【javascript/jQuery】JSON形式のデータの表示確認をする

PHPであれば「var_dump」や「print_r」などでJSON形式のデータの中身が思い通りの者

記事を読む

jquery-icon

tableデータから棒グラフを描画できるjQueryプラグインTableBarChartを使ってみる

グラフを作成することについて 既存のtableデータから簡単に棒グラフの作成できるTableBar

記事を読む

YKO85_monitamiruzangyouOL20131019500-thumb-500xauto-4534

【jQuery】hasClass is not a functionエラー

jQueryでセレクタを使って取得してきたjQueryオブジェクトからその子要素をchildrenで

記事を読む

chessboard

チェスボード画像自動生成ツール

1マスのサイズ(ピクセル) マスの数× 左上が白 枠をつけるか 枠の色白黒

記事を読む

GoogleplusImage

【javascript】RSSを読み込んで表示させる【Google Feed API】

jQueryで簡単にRSSフィードを表示させる方法としてGoogleFeedAPIを利用するというの

記事を読む

Youtube-Image

YoutubeのURLリンクを外部プレイヤーのものに正規表現で置換する

Youtubeのアドレスを正規表現を使って抽出して外部プレイヤーのフレームに変換・置換するスクリプト

記事を読む

PAK85_seijinsikikeitai20140113500-thumb-500xauto-4104

スクレイピングをサポートしてくれるAPI【kimono】

kimonoというスクレイピングをAPI化してくれるという素晴らしいサービスがあります。

記事を読む

wmn0133-001

【jquery】iframe内のスクロールイベント設定とスクロール量取得

ページ内に設置したiframeのスクロールイベントおよびスクロール量を取得したかったのでメモ

記事を読む

encodingtype
【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようと

_rtm0919_tp_v
スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。

rssimage
【PHP】特定のURLからそのAtomやRSSのフィードを抽出する方法

特定のURLからRSSやATOMのフィードを抽出する方法をメモ。 流

rssimage
フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0

computer_server
格安プラン限定レンタルサーバー機能比較表(2016年)

はじめに  最近新しい共用サーバーをレンタルしようと思い調査およびそ

school_toshokan_hondana
kindle unlimitedが便利だったのでお勧めの使い方など感想メモ

 kindle unlimitedというサービスが8/3からAmazo

TAKEBE055122558_TP_V
寝る前にスマホを見ると斜視になる可能性とその対策

はじめに  寝る前などスマホを横になりながら見続けると斜視になる可能

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑