JavaScript的條件語句有哪三種

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

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 }
登入後複製

範例
例如範例

    IfElse 
登入後複製

輸出結果為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 運行。

範例

    Switch 
登入後複製

輸出結果為

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
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!