JavaScriptでのif文の使い方-フロントエンドQ&A-php.cn

JavaScriptでのif文の使い方

青灯夜游

リリース： 2022-02-16 15:37:36

オリジナル

16886 人が閲覧しました

JavaScript では、if ステートメントを使用して、さまざまな条件に基づいてさまざまな操作を実行します。構文は、「if (条件式) {// 実行するコード;}」または「if (条件式) { //式が true の場合に実行されるコード}else{//式が true でない場合に実行されるコード}」。

JavaScriptでのif文の使い方

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript では、if ステートメントを使用して、さまざまな条件に基づいてさまざまな操作を実行します。

if ステートメントには 3 つの異なる形式があります:

if ステートメント;
if else ステートメント;
if else if else 文;

#if 文

if 文は、JavaScript で最も単純な条件判定文です。構文形式は次のとおりです。

if(条件表达式){
    // 要执行的代码;
}

ログイン後にコピー

条件式が成立すると、つまり結果がブール値 true の場合、{ } 内のコードが実行されます。

サンプルコードは次のとおりです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var age = 20;
        if(age >= 18){      // 如果 age >= 18 的结果为 true，则执行下面 { } 中的代码
            alert("adult");
        }
    </script>
</body>
</html>

ログイン後にコピー

実行結果は次のとおりです。

JavaScriptでのif文の使い方

if else ステートメント

if else ステートメントは if ステートメントのアップグレード版で、式が true のときに実行されるコードだけでなく、式が true でないときに実行されるコードも指定できます。構文形式は次のとおりです:

if(条件表达式){
    // 当表达式成立时要执行的代码
}else{
    // 当表达式不成立时要执行的代码
}

ログイン後にコピー

サンプルコードは次のとおりです:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var now = new Date();           // 获取当前的完整日期
        var dayOfWeek = now.getDay();   // 获取一个 0-6 之间的数字，用来表示当前是星期几，0 表示星期日、1 表示星期一、以此类推
        if (dayOfWeek > 0 && dayOfWeek < 6) {       // 判断：如果当前是星期一到星期五中的一天，则输出“Have a nice day!”，若不是则输出“Have a nice weekend!”
            alert("Have a nice day!");
        } else {
            alert("Have a nice weekend!");
        }
    </script>
</body>
</html>

ログイン後にコピー

実行結果は次のとおりです:

JavaScriptでのif文の使い方

##if else if else ステートメント

If ステートメントと if else ステートメントには条件式が 1 つだけあります。if else if else ステートメントはより高度な形式であり、if else if else ステートメントでは次のことが可能です。複数の条件式を定義し、式の結果に基づいてそれらを実行します。対応するコード、構文形式は次のとおりです。

if (条件表达式 1) {
    // 条件表达式 1 为真时执行的代码
} else if (条件表达式 2) {
    // 条件表达式 2 为真时执行的代码
}
...
  else if (条件表达式N) {
    // 条件表达式 N 为真时执行的代码
} else {
    // 所有条件表达式都为假时要执行的代码
}

ログイン後にコピー

ヒント: if else if else ステートメントの実行中に、確立された条件が発生した場合、条件式の場合、{ } 内のコードはすぐに実行されて終了します。後続のコードに有効な条件式がある場合、if else if else ステートメント全体は実行されません。

サンプルコードは次のとおりです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var now = new Date();           // 获取当前的完整日期
        var dayOfWeek = now.getDay();   // 获取一个 0-6 之间的数字，用来表示当前是星期几，0 表示星期日、1 表示星期一、以此类推
        if(dayOfWeek == 0) {            // 判断当前是星期几
            alert("星期日")
        } else if(dayOfWeek == 1) {
            alert("星期一")
        } else if(dayOfWeek == 2) {
            alert("星期二")
        } else if(dayOfWeek == 3) {
            alert("星期三")
        } else if(dayOfWeek == 4) {
            alert("星期四")
        } else if(dayOfWeek == 5) {
            alert("星期五")
        } else {
            alert("星期六")
        }
    </script>
</body>
</html>

ログイン後にコピー

実行結果は次のとおりです。

JavaScriptでのif文の使い方

注意事項

ネストされた if else を使用する場合、ステートメントが 1 行しかない場合は、条件の曖昧さを避けるために中括弧で囲む必要があります。

たとえば、次のネストされた if else は誤解を招きやすいです:

if(0)
    if(1)
        console.log(1);
else
    console.log(0);

ログイン後にコピー

上記のコードの場合、JavaScript インタプリタは近接性の原理に基づいて次の論理レベルに従ってコードを解釈します。

if(0)
    if(1)
        console.log(1);
    else
        console.log(0);

ログイン後にコピー

したがって、中かっこを使用すると多くの問題を回避できます:

if(0){
    if(1) console.log(1);
}else{
    console.log(0);
}

ログイン後にコピー

[関連する推奨事項:

JavaScript 学習チュートリアル]

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