*

switch文を使って条件を細かく設定する。

公開日: : 最終更新日:2015/10/29 javaScript

以前は複数のifelse文を用いて月の入力を促して、その結果を踏まえた季節を表示するサンプルプログラムを紹介しました。しかし、ifelseだけで表記をするとコードは読みにくくなります。

そこで、今回書いていくのがswitch文と呼ばれるものです。switch文は、変数や式の値に応じて、処理を個別に設定できます。括弧内「()」の値に対応するcase文にジャンプして、break文でブロックを抜けます。

実行結果はこちら

文字列を数値に変換するNumber関数

サンプルコード上にて、入力ダイアログボックスを表示するpromptメソッドの戻り値は文字列です。文字列を数値として扱うためには、文字列を数値に変換する必要があります。今回登場したNumber関数を使って、文字列を数値に変換できます。

関数とは、、処理の塊を名前(関数名)で呼び出せるようにしたものです。メソッドと同じように引数を処理して戻り値を返します。ただし、メソッドのようにオブジェクトに依存はせず、単独で呼び出すことが可能です。

なお、変数monthの値が文字列でも、switch文で使うことはできますが、その場合caseの後の値は「”」で囲って、文字列として比較します。
case “1”:
case “2”: といった感じにです。

比較演算子の数値と文字列の処理

前回まで、if文では、変数の値を数値に変換する処理はしておりません。これまでに出てきたコードは

javaScriptでは、実は比較演算子で数を表す文字列を比較しようとすると自動的に数値に変換された上で比較されます。

“100” >= 5

100 >= 5

true

といった具合になります。私のように他のプログラミング言語からjavaScriptを学ぶとこういうのが気になります。たしかに便利なのですが・・・

スポンサードリンク

関連記事

catejavaScript

javaScriptのifelseステートメント

プログラムの流れを変える命令を制御構造と呼びます。制御構造の代用が条件判断や繰り返しと言われるもので

記事を読む

catejavaScript

処理をまとめて、その名前を書くと呼び出せるようにする

ユーザー定義関数 関数とは、何かしらの粗利を1つにまとめて、後から関数名という名前で呼び出せるよう

記事を読む

catejavaScript

変数の有効範囲を知る

変数のスコープとは 個々の変数には、その変数が使える範囲が定まっています。そのことを、変数のスコー

記事を読む

catejavaScript

Webブラウザの色を変える

プロパティって 前回の記事で、メソッドについて触れました。今回は、オブジェクトのもう1つの要素であ

記事を読む

catejavaScript

条件を満たしている間処理を繰り返す

for文と同じくらいおそらく使われいるのが、while文です。for文との違いは、ループのカウンタと

記事を読む

catejavaScript

値に名前をつけて使う「変数」とは

値に名前をつけて使う「変数」とは 変数って?? javaScriptだけではないのですが、プ

記事を読む

JavaScript

オリジナルのオブジェクト(ユーザー定義オブジェクト)を作ってみる

documentオブジェクト、dateオブジェクトなど予め用意されているオブジェクトを使ってきました

記事を読む

catejavaScript

条件を満たしたら、繰り返しを中断する

ループを脱出する これまでにfor文とwhile文の例で、指定した回数だけ処理を繰り返していました

記事を読む

JavaScript

新規のウィンドウを開く

windowオブジェクトは、Webブラウザが自動的に生成するオブジェクトです。Webブラウザで新たな

記事を読む

catejavaScript

日付や時刻を操作する

前回の記事でnew演算子とDateコンストラクタを使い、利用可能なオブジェクトであるインスタンスを生

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑