ホームページ ウェブフロントエンド フロントエンドQ&A いくつかの簡単な Javascript 判断ステートメントを要約する

いくつかの簡単な Javascript 判断ステートメントを要約する

Apr 18, 2023 pm 06:21 PM

Javascript は、Web ページに対話性と動的な効果を追加するために使用される人気のあるスクリプト言語です。 Javascript プログラムを作成する場合、状況に応じて異なる処理を実行するために条件判断を行う必要があることがよくあります。この記事では、プログラムを作成する際に必要な判定を実現するための、簡単な Javascript 判定文をいくつか紹介します。

1. If ステートメント

if ステートメントは、最もよく使用される条件判断ステートメントの 1 つです。その構文構造は次のとおりです。

if(条件){
    //在条件为真时执行的代码
}
ログイン後にコピー

条件が true の場合、中括弧内のコードが実行されます。 if ステートメントでは、「==」、「!=」、「>」、「<」、「>=」、「<=」などの比較演算子を使用できます。例:

if(3>2){
    console.log("3大于2");
}</p>
<p> 上記の例では、条件 3>2 が true であるため、「3 は 2 より大きい」と出力されます。 </p>
<p>2. Else 文</p>
<p>else 文は、if 条件が成立しない場合に実行されます。その構文構造は次のとおりです。 </p>
<pre class="brush:php;toolbar:false">if(条件){
    //当条件为 true 时执行的代码
}else{
    //当条件为 false 时执行的代码
}
ログイン後にコピー

条件が false の場合、else ステートメントのコードが実行されます。例:

var age = 18;
if(age>=18){
    console.log("成年人");
}else{
    console.log("未成年人");
}
ログイン後にコピー

上の例では、年齢が 18 以上の場合は「成人」を出力し、それ以外の場合は「未成年」を出力します。

3. Else if ステートメント

else if ステートメントを使用すると、別の条件をチェックし、if 条件が true でない場合にコードを実行できます。その構文構造は次のとおりです。

if(条件1){
    //当条件1为 true 时执行的代码
}else if(条件2){
    //当条件1为 false,条件2为true 时执行的代码
}else{
    //当条件1和条件2都为false时执行的代码
}
ログイン後にコピー

上記の構文構造では、複数の else if ステートメントを追加できます。条件 1 が false の場合、条件 2 がチェックされ、条件 2 が true の場合にコードが実行されます。例:

var score = 90;
if(score>=90){
    console.log("优秀");
}else if(score>=80){
    console.log("良好");
}else if(score>=60){
    console.log("及格");
}else{
    console.log("不及格");
}
ログイン後にコピー

上の例では、スコアが 90 以上の場合、出力は「優秀」になります。スコアが 80 以上 90 未満の場合、出力は「優秀」になります。スコアが 60 以上の場合は「合格」、スコアが 80 未満の場合は「合格」、それ以外の場合は「不合格」が出力されます。

4. switch ステートメント

switch ステートメントは、複数の条件下でコードを実行するために使用されるステートメントです。その構文構造は次のとおりです。

switch(表达式){
    case 值1:
        //当表达式等于值1时执行的代码
        break;
    case 值2:
        //当表达式等于值2时执行的代码
        break;
    ……
    default:
        //当表达式与所有值都不相等时执行的代码
        break;
}
ログイン後にコピー

上記の構文構造では、式は任意の Javascript 式にすることができます。式が値と等しい場合、その値に関連付けられたコードが実行されます。式がすべての値と等しくない場合は、デフォルト ブランチのコードが実行されます。例:

var day = new Date().getDay();
switch(day){
    case 0:
        console.log("星期日");
        break;
    case 1:
        console.log("星期一");
        break;
    case 2:
        console.log("星期二");
        break;
    ……
    default:
        console.log("不是星期几");
        break;
}
ログイン後にコピー

上記の例では、曜日の値が Date オブジェクトを通じて取得され、それに関連付けられたコードが switch ステートメントで実行されます。日が 0 に等しい場合は「日曜日」が出力され、日が 1 に等しい場合は「月曜日」が出力されます。 day が 0 ~ 6 のどの値にも等しくない場合は、「曜日ではありません」と出力します。

要約:

上記の判断文は、JavaScript プログラムを実装する際に必須の文です。 Javascript プログラムを作成する際、状況に応じて適切な判定文を選択することで、プログラムの効率と可読性を大幅に向上させることができます。

以上がいくつかの簡単な Javascript 判断ステートメントを要約するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

UseEffectとは何ですか?副作用を実行するためにどのように使用しますか? UseEffectとは何ですか?副作用を実行するためにどのように使用しますか? Mar 19, 2025 pm 03:58 PM

UseEffectとは何ですか?副作用を実行するためにどのように使用しますか?

怠zyなロードの概念を説明してください。 怠zyなロードの概念を説明してください。 Mar 13, 2025 pm 07:47 PM

怠zyなロードの概念を説明してください。

JavaScriptの高次関数とは何ですか?また、より簡潔で再利用可能なコードを書くためにどのように使用できますか? JavaScriptの高次関数とは何ですか?また、より簡潔で再利用可能なコードを書くためにどのように使用できますか? Mar 18, 2025 pm 01:44 PM

JavaScriptの高次関数とは何ですか?また、より簡潔で再利用可能なコードを書くためにどのように使用できますか?

JavaScriptでカリーはどのように機能し、その利点は何ですか? JavaScriptでカリーはどのように機能し、その利点は何ですか? Mar 18, 2025 pm 01:45 PM

JavaScriptでカリーはどのように機能し、その利点は何ですか?

usecontextとは何ですか?コンポーネント間で状態を共有するためにどのように使用しますか? usecontextとは何ですか?コンポーネント間で状態を共有するためにどのように使用しますか? Mar 19, 2025 pm 03:59 PM

usecontextとは何ですか?コンポーネント間で状態を共有するためにどのように使用しますか?

React和解アルゴリズムはどのように機能しますか? React和解アルゴリズムはどのように機能しますか? Mar 18, 2025 pm 01:58 PM

React和解アルゴリズムはどのように機能しますか?

イベントハンドラーのデフォルトの動作をどのように防止しますか? イベントハンドラーのデフォルトの動作をどのように防止しますか? Mar 19, 2025 pm 04:10 PM

イベントハンドラーのデフォルトの動作をどのように防止しますか?

制御されたコンポーネントと制御されていないコンポーネントの利点と短所は何ですか? 制御されたコンポーネントと制御されていないコンポーネントの利点と短所は何ですか? Mar 19, 2025 pm 04:16 PM

制御されたコンポーネントと制御されていないコンポーネントの利点と短所は何ですか?

See all articles