首頁 > 文章 > web前端 > JavaScript的條件語句有哪三種

JavaScript的條件語句有哪三種

青灯夜游原創: 2022-01-26 17:02:394983瀏覽

JavaScript的三種條件語句：1、「if else」語句，語法「if(條件){...}else{...}」；2、「switch...case」語句；3、三元運算語句，語法「條件表達式? 表達式1 : 表達式2 ;」。

JavaScript的條件語句有哪三種

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

條件判斷語句是程式開發過程中常用的語句形式，和大部分程式語言相同，JavaScript 中也有條件判斷語句。所謂條件判斷，指的是程式根據不同的條件來執行不同的操作，例如根據年齡來顯示不同的內容，根據布林值 true 或 false 來判斷操作是成功還是失敗等。

一、if-else語句

1、語法

if-else的語法分為三種：

（ 1）if 語句；

if(条件){ 条件为true时执行代码 }

（2）if else 語句；

if(条件){ 条件为true时执行的代码 } else { 条件为false时执行的代码 }

（3）if else if else 語句；

if(条件1){ 条件1为true时执行的代码 } esle if (条件2){ 条件1false条件2true } else { 都false }

範例
例如範例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>IfElse</title>
</head>
<body>

<script type="text/javascript">
     var myage = 10;
    //第一种语法
    if (myage > 5){
        document.writeln("你的年龄大于5岁");
    }
    //第二种语法
    if (myage > 15){
        document.writeln("你的年龄大于15岁");
    }
    else {
        document.writeln("你的年龄小于15岁");
    }
    //第三种语法
    if (myage > 5){
        document.writeln("你的年龄大于5岁");
     }
    else if(myage < 15 ){
         document.writeln("你的年龄大于15小于5岁");
     }
    else {
        document.writeln("你的年龄大于等于15岁")
    }
</script>

</body>
</html>

輸出結果為 JavaScript的條件語句有哪三種

二、switch...case語句

1、文法

switch( 表达式 n ){
case 1 : 执行代码块 1; break;
case 2 : 执行代码块 2 ; break;
default: 与 case 1 和 case 2 不同时执行的代码
}

2、工作原理

先設定表達式n（通常是變數）。隨後表達式的值會與結構中的每個 case 的值做比較。如果存在匹配，則與該 case 關聯的程式碼區塊會被執行。

請使用 break 來阻止程式碼自動地向下一個 case 運行。

範例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Switch</title>
</head>
<body>

<script type="text/javascript">
    var flag = 2;
    switch (flag) {
        case 1:document.write("纷纷扰扰这个世界，所有的了解。");break;
        case 2:document.write("只要让我留在你身边。");break;
        default:break;
    }
</script>

</body>
</html>

輸出結果為

JavaScript的條件語句有哪三種

#三、三元運算子

三元運算子（也稱為條件運算子），由一個問號和一個冒號組成，其語法格式如下：

b ? x : y

範例：

定義變數 a，然後偵測 a 是否被賦值，如果賦值則使用該值；否則設定預設值。

var a = null;  //定义变量a
typeof a != "undefined" ? a = a : a = 0;  //检测变量a是否赋值，否则设置默认值
console.log(a);  //显示变量a的值，返回null

條件運算子可以轉換為條件結構：

if(typeof a != "undefined"){  //赋值
    a = a;
}else{  //没有赋值
    a = 0;
}
console.log(a);

也可以轉換為邏輯表達式：

(typeof a != "undefined") && (a =a) || (a = 0);  //逻辑表达式
console.log(a);

在上面表達式中，如果a 已賦值，則執行(a = a) 表達式，執行完畢就不再執行邏輯或運算子後面的(a = 0) 表達式；如果a 未賦值，則不再執行邏輯與運算子後面的(a = a) 表達式式，轉而執行邏輯或運算子後面的表達式(a = 0)。

注意：

在實戰中需要考慮假值的干擾。使用 typeof a != "undefined" 進行檢測，可以避開變數賦值為 false、null、""、NaN等假值時，也被誤認為沒有賦值。【相關推薦：javascript學習教學

】#######

以上是JavaScript的條件語句有哪三種的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript NULL 运算符三元运算符 if switch break 布尔型 undefined typeof

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：深入了解css變數（整理摘要）下一篇：深入了解css變數（整理摘要）

看更多