JavaScript 判斷語句

js（學習筆記） ---- 九層之臺，起於累土

條件語句用於基於不一樣的條件來執行不一樣的動做（代碼邏輯）。

比較運算符

比較運算符在邏輯語句中使用，以測定變量或值是否相等。

條件語句

一般在寫代碼時，您老是須要爲不一樣的決定來執行不一樣的動做。您能夠在代碼中使用條件語句來完成該任務。

在 JavaScript 中，咱們可以使用如下條件語句：

• if 語句 - 只有當指定條件爲 true 時，使用該語句來執行代碼
• if...else 語句 - 當條件爲 true 時執行代碼，當條件爲 false 時執行其餘代碼
• if...else if....else 語句 - 使用該語句來選擇多個代碼塊之一來執行
• switch 語句 - 使用該語句來選擇多個代碼塊之一來執行

If 語句

只有當指定條件爲 true 時，該語句纔會執行代碼。

語法：

if (條件){
  // 只有當條件爲 true 時執行的代碼
}
複製代碼

例子：
當年齡大於等於20歲時，纔會輸出age的值。

var age = 20

if (age >= 20) {
  console.log(age) // 20
}
複製代碼

If...else 語句

條件爲true時執行的代碼，條件爲false時執行其餘代碼

語法：

if(條件) {
  // 條件爲true時，執行的代碼
} else {
  // 條件爲false時，執行的代碼
}
複製代碼

例子：
若是年齡大於等於18歲，輸出已成年 不然輸出未成年

var age = 18

if (age >= 18) {
  console.log('已是成年人嘍😀~')
} else {
  console.log('小屁孩一個😜!')
}
複製代碼

If...else if...else 語句

使用 if....else if...else 語句來選擇多個條件代碼塊之一來執行

語法：

if (條件 1){
  當條件 1 爲 true 時執行的代碼
} else if (條件 2){
  當條件 2 爲 true 時執行的代碼
} else {
  當條件 1 和 條件 2 都不爲 true 時執行的代碼
}
複製代碼

例子：

var time = 'morning'

if (time === 'morning') {
  console.log('Good morning 😊')
} else if (time === 'noon') {
  console.log('Good noon 😃')
} else if (time === 'afternoon') {
  console.log('Good afternoon 🙂')
} else {
  console.log('Good evening 🌙')
}

複製代碼

一、早晨和上午：  (early) morning、morning
二、上午： noon
三、下午：afternoon
四、晚上：evening

Switch 語句

switch 語句用於基於不一樣的條件來執行不一樣的動做。
請使用 switch 語句來選擇要執行的多個代碼塊之一。
語法：

switch(n) {
 case 1:
  執行代碼塊 1
  break;
 case 2:
  執行代碼塊 2
  break;
 default:
  n 與 case 1 和 case 2 不一樣時執行的代碼
}
複製代碼

工做原理：首先設置表達式 n（一般是一個變量）。隨後表達式的值會與結構中的每一個 case 的值作比較。若是存在匹配，則與該 case 關聯的代碼塊會被執行。請使用 break 來阻止代碼自動地向下一個 case 運行。

例子：
今天星期幾？

var day = 2
switch (day) {
  case 0:
    console.log("Today it's Sunday");
    break;
  case 1:
    console.log("Today it's Monday");
    break;
  case 2:
    console.log("Today it's Tuesday");
    break;
  case 3:
    console.log("Today it's Wednesday");
    break;
  case 4:
    console.log("Today it's Thursday");
    break;
  case 5:
    console.log("Today it's Friday");
    break;
  case 6:
    console.log("Today it's Saturday");
    break;
  default:
    console.log('今天 愛星期幾 星期幾, 我只想休息~😏')
}
複製代碼

default 關鍵字 (至關於if中的else)

請使用 default 關鍵詞來規定不匹配時作的事情

條件運算符（三元運算符）

語法：

條件？爲true時執行 : false時執行
複製代碼

例子：
貴仍是便宜？

var price = 1

price < 10 ? console.log('太便宜了') : console.log('太貴了')
複製代碼

至關於if else 的簡寫

var price = 100
if (price < 10) {
  console.log('太便宜了，能不能貴點兒')
} else {
  console.log('太貴了，能不能便宜點兒')
}

// 三元運算寫法
price < 10 ? console.log('太便宜了，能不能貴點兒') : console.log('太貴了，能不能便宜點兒')
複製代碼

獻上emoji表情

emojipedia.org/

邏輯運算符

邏輯與(&&) and 和 邏輯或(||) or

if條件語句中的使用

邏輯與(&&)

語法：

// && 至關於而且 and
if (條件1 && 條件2) {
  // 兩邊條件都爲true時 就執行這裏代碼
}

複製代碼

例子：
成績是否合格？

var score = 70

// 兩邊條件都爲true時, 則執行裏面代碼
if (score >= 60 && score < 80) {
  console.log('恭喜你🎉合格了')
}
複製代碼

邏輯或(||)

語法：

// || 至關於或者 or
if (條件1 || 條件2) {
  // 只要其中一個條件爲true, 就執行這裏代碼 
}
複製代碼

例子：

var num = 1

if (num === 1 || num === 2) {
  console.log('1或者2都行')
}
複製代碼

用做於取值

邏輯與&&

&& 前面值爲false 就返回 前面的值 
&& 前面值爲true 就返回 後面的值

0 && 2 // 0
 1 && 3 // 3
 6 && NaN // NaN
複製代碼

邏輯或||

|| 前面值爲true 就返回 前面的值 
|| 前面值爲false 就返回 後面的值

true || false // true
false || 2 // 2

1 || 6 // 1
'' || 2 // 2
'' || NaN // NaN

複製代碼

邏輯與&& 優先級高於 邏輯或||

3 || 0 && 8 // 3

1 && 3 || 0 && 8 || '123' // 3

// 小括號能夠改變優先級
1 && (0 || 10) || 8 // 10

----------------------------------------------------------------------------------------------------------------<br> 參考文章&&強烈推薦：[布羅利](https://juejin.im/user/59aaafd9518825242238fbd6)複製代碼