JavaScript if 语句-知识专区-汉码未来

当前位置：前端开发 > JavaScript if 语句

admin · 更新于 2021-08-06

1. 基本语法

if 语句的最基本语法如下：

// 方式1if (条件) {
  // 条件满足做的事情;}// 方式2if (条件) 条件满足时候做的事情;代码块
1
2
3
4
5
6
7

通常方式2的使用场景是在条件满足时只会写一行代码的情况，有些代码压缩工具可能会将多个语句配合逗号表达式压缩成方式2。

这是 if 语句两种最基本语法。

第一种方式用到的相对较多，当条件满足的时候，就会执行大括号内的代码，第二种方式则会在条件满足的时候执行括号后面到行尾的语句。

条件满足的情况其实就是条件的执行结果不为false或者不能被隐式转为false的情况。

var score = 99;if (score > 60) {
  console.log('及格了'); // 输出："及格了"}if (score > 90) {
  console.log('优秀！'); // 输出："优秀！"}代码块
1
2
3
4
5
6
7
8
9

>符号就是判断左边的数是否大于右边，如果左边大于右边则会返回 true，否则返回 false。

这里两个 if 语句的条件都是满足的，所以会输出及格了和优秀！。

方式二在简单函数中很常见

// 计算圆面积function calcArea(r) {
  if (!r) return 0;

  return r * r * 3.14;}代码块
1
2
3
4
5
6

这里判断了 r 是否有传入，如果没有传入则直接返回了 0。

2. 分支

if 语句可以仅有单个分支也可以有多个分支。

// 单个分支if (条件1) {
  // 条件1满足的时候执行的代码} else {
  // 条件1不满足的时候执行的代码}// 多个分支if (条件1) {
  // 条件1满足的时候执行的代码} else if (条件2) {
  // 条件2满足的时候执行的代码} else if (条件3) {
  // 条件3满足的时候执行的代码} else {
  // 条件1、条件2、条件3都不满足的时候执行}代码块
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

单个分支的方式比较常用：

var score = 77;if (score >= 60) {
  console.log('及格了');} else {
  console.log('不及格');}// 输出："及格了"代码块
1
2
3
4
5
6
7
8
9

>=则表示左边的值如果大于等于右边的值，则返回 true 否则返回 false。

通过这样的分支，就可以扩展条件的场景。

多个分支的场景也非常用到，如需要判断成绩的不同区间给出不同的标准：

var score = 88;if (score < 60) {
  console.log('不及格');} else if (score < 80) {
  console.log('良好');} else if (score < 90) {
  console.log('优秀！');} else {
  // 剩下的肯定是大于等于九十的情况
  console.log('太强了！');}// 输出："优秀！"代码块
1
2
3
4
5
6
7
8
9
10
11
12
13
14

在多个分支的情况下，else 也可以不提供。

var score = 0;if (score < 60) {
  console.log('不及格');} else if (score < 80) {
  console.log('良好');} else if (score < 90) {
  console.log('优秀！');} else if (score <= 100) {
  console.log('太强了！');}// 输出：不及格代码块
1
2
3
4
5
6
7
8
9
10
11
12
13

3. 例子

注意：例子的解法不止一种，可以自己发散实现

3.1 判断一个数是不是偶数

var num = 77;if (num % 2 === 0) {
  console.log(num + '是一个偶数');} else {
  console.log(num + '是一个奇数');}// 输出：77是一个奇数代码块
1
2
3
4
5
6
7
8
9

这里就是通过将数字对 2 进行取余数操作，如果余数是 0 则说明一个数是偶数，否则就是奇数。

3.2 计算成人的标准体重

var sex = '男';var height = 178;var offset = 0;if (sex === '男') {
  offset = 105;} else {
  offset = 100;}var weight = height - offset;console.log('身高为' + height + 'cm的' + sex + '性标准体重为' + weight + 'KG');// 输出：身高为178cm的男性标准体重为73KG代码块
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15