JavaScript的條件語句有哪三種

青灯夜游
發布: 2022-01-26 17:02:39
原創
5089 人瀏覽過

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
登入後複製
    b 運算元必須是一個布林型的表達式,x 和y 是任意類型的值。
  • 如果運算元 b 的傳回值為 true,則執行 x 運算元,並傳回該運算式的值。
  • 如果運算元 b 的傳回值為 false,則執行 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板