JavaScript 判断语句

js(学习笔记) ---- 九层之台,起于累土javascript

条件语句用于基于不一样的条件来执行不一样的动做(代码逻辑)。java

比较运算符

比较运算符在逻辑语句中使用,以测定变量或值是否相等。
bash

image.png

条件语句

一般在写代码时,您老是须要为不一样的决定来执行不一样的动做。您能够在代码中使用条件语句来完成该任务。学习

在 JavaScript 中,咱们可以使用如下条件语句:ui

  • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
  • if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其余代码
  • if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
  • switch 语句 - 使用该语句来选择多个代码块之一来执行

If 语句

只有当指定条件为 true 时,该语句才会执行代码。spa

语法:code

if (条件){
  // 只有当条件为 true 时执行的代码
}
复制代码

例子:
当年龄大于等于20岁时,才会输出age的值。cdn

var age = 20

if (age >= 20) {
  console.log(age) // 20
}
复制代码

If...else 语句

条件为true时执行的代码,条件为false时执行其余代码xml

语法:blog

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){
  当条件 1true 时执行的代码
} else if (条件 2){
  当条件 2true 时执行的代码
} 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 1case 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

image.png

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都行')
}
复制代码

用做于取值

image.png

逻辑与&&

&& 前面值为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)复制代码
相关文章
相关标签/搜索