ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでのswitch文の使い方

JavaScriptでのswitch文の使い方

不言
不言オリジナル
2018-12-17 17:24:3511714ブラウズ

switch ステートメントは、実行する複数のコード ブロックの 1 つを選択するために使用できる条件分岐ステートメントです。この記事では、JavaScriptでのswitch文の使い方でのswitch文の使い方 での switch ステートメントの使用方法を紹介します。

JavaScriptでのswitch文の使い方でのswitch文の使い方

式がさらに面倒な場合は、次の 2 つの条件が満たされたときに switch ステートメントを使用できます

式と値は複数の値を取ることができます

各値に基づいて実行を変更したい場合

switch ステートメントの構文を見てみましょう

switch (表达式or变量) {
case 值1 :
break;
case 值2 :
break;
default :
//如果表达式和变量没有对应的值,执行此步骤
break;
}

まず、式または変数をスイッチ。

その後、複数の値とその実行コードを記述していきます。 (構文を見るとswitch文では基本的にコード実行が並列関係になっていることが分かります)

breakの記述に注目してください。 case~break は完了したプロセスです。

最終的なデフォルトでは、式の結果がどの値にも対応しない場合に実行されます。必要に応じて、書いても書かなくても構いません。

switch ステートメントの具体的な例を見てみましょう

変数をメンバーとして定義し、メンバーに割り当てられた人の名前を確認するプログラムを書いてみましょうそれは家族の中での価値観なのかどうか。

トム、ジェリー、ホリーの 3 人がいます。名前を割り当てると、ブラウザに「トムは私の家族です」などが表示されます。他人の名前を書くときは「○○は私の家族ではありません」と表示します。

コードは次のとおりです

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScriptでのswitch文の使い方でのswitch文の使い方</title>
</head>
<body>
<script>
var member = "Tom";
switch (member) {
case "Tom":
document.write ("Tom is my family");
break;
case "Jerry":
document.write ("Jerry is my family");
break;
case "Holly":
document.write ("Holly is my family");
break;
default:
document.write (member + "is not my family");
break;
}
</script>
</body>
</html>

実行結果は次のとおりです。ブラウザには「Tom is my family」と表示されます。

JavaScriptでのswitch文の使い方

var member="Jerry"; の場合、表示結果は次のようになります。


JavaScriptでのswitch文の使い方でのswitch文の使い方

同様に, var member="Holly"; の場合、Holly is my family と表示されます。

他の名前 (var member="marry" など) を入力すると、結果は次のように表示されます。

JavaScriptでのswitch文の使い方でのswitch文の使い方

以上がJavaScriptでのswitch文の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。