devbox
小蓝xlanll
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

js基础之运算符，if语句_微信小程序js if语句中的逻辑运算符

作者：小蓝xlanll | 2024-05-31 14:14:10

赞

踩

微信小程序js if语句中的逻辑运算符

目录

一、运算符

1、  算术运算符

2、自增自减运算符 

 3、逻辑运算符

4、短路运算符

5、赋值运算符 

二、if语句

1.if单分支语句

2.if双分支语句 

3.if多分支语句 

4.if嵌套if 

案例

输出成绩

输出星期

一、运算符

1、  算术运算符

算术运算符有： 算术运算符  +  - *  /  ++  --  %

% 取模运算符

  1.  console.log(1 + 2)
  2.       console.log('1' + 2) // 字符串参与的加其实是拼接 '1'  + '2'   -> '12'
  3.       console.log(+8)
  4.       console.log('12' - 2) // 12 - 2 -> 10
  5.       console.log(20 * 2)
  6.       console.log(4 / 3)
  7.       console.log(4 / 2)

% 取模运算符

  1.  console.log(4 % 2) // 0
  2.       console.log(4 % 3) // 1

2、自增自减运算符 

递增运算符：

递增： 给一个数加一操作  num

前置递增： ++num  ，  先自增再进行运算      用自增后的值进行运算

后置递增： num++ ，   先运算再进行自增     先用原来的值进行运算  

递减运算符：

递减： 给一个数减一操作  num

前置递减： ++num  ，  先自减再进行运算      用自减后的值进行运算

后置递减： num++ ，   先运算再进行自减     先用原来的值进行运算  

  1.     let x = 5
  2.       //let y = x++ // x++整体赋值给y，用的是x原有的值
  3.       let y = ++x // ++x整体赋值给y，用的是x加1后的值
  4.       // x++ // 让x在原有基础上加1
  5.       // ++x // 让x在原有基础上加1
  6.       console.log(x) // 6
  7.       console.log(y) // 6
  8.  
  9.   let i = 3,
  10.         j = 4,
  11.         k
  12.       ++i
  13.       j++
  14.       k = j++
  15.       console.log(i, j, k) // 4 6 5

3、关系运算符

关系运算符有： >，  < ，>=，  <= ， ==，  ===， != ， !==

  1. console.log(3 > 2) // true
  2.       console.log(10 <= 10) // true
  3.       // == 不严格等于，只要内容相同即可
  4.       console.log(5 == 5) // true
  5.       console.log(5 == '5') // true
  6.       // === 严格等于，内容与类型都需要一样

比较运算符：==      === 用比较运算符做判断时，返回的值是true或false

= 是赋值

==  相等   首先先把两个的数据类型转换为同一种数据类型，在进行值的对比，如果值不相等就返回false，否则返回true

===   完全想等 不会进行数据类型的转换，只有数据类型和值全部相等才会返回true

true只有在不加引号的时候才会转换为1

  1.     console.log(5 === 5) // true
  2.       console.log(5 === '5') // false
  3.       console.log(null == null) // true
  4.       console.log(NaN == NaN) // false
  5.       console.log(undefined == undefined) // true
  6.       console.log(null === null) // true
  7.       console.log(NaN === NaN) // false
  8.       console.log(undefined === undefined)
  9.       console.log(null == undefined) // true
  10.       console.log(null === undefined) // false
  1.   console.log(5 != '5') // false 对==的否定
  2.       console.log(5 !== '5') // true 对===的否定

null与undefined的区别？

 1、含义：null代表一个空值，以后会指向一个引用类型
undefined表示没有值，默认是undefined
2、用Number转换把null转换成0，把undefined转换成NaN
3、null==undefined   //  true
      null === undefined   // false

 3、逻辑运算符

逻辑运算符： 主要是布尔值之间的运算，返回结果是布尔值

                      &&逻辑与    || 逻辑或        ! 逻辑非

                      逻辑与：全部为真才为真，否则为假

                      逻辑或：全为假才为假，否则是真

                      逻辑非： 主要针对布尔值的取反操作

 &&逻辑与：表达式1&&表达式2

      判断表达式1的值，转布尔类型假如为true，直接返回表达式2的值

      表达式1的值转布尔类型假如为false,直接返回表达式1的值

  1.   console.log(5 > 3 && 10 < 5) // true&&false  false
  2.       console.log(5 > 3 && 10 > 5) //  true&&true true
  3.       console.log(5 == 3 && 10 < 5) // false&& false false
  4.       console.log(5 && 6) // 6
  5.       console.log(10 > 8 && 0) // 0
  6.       console.log('' && 100) //''

逻辑或 ||   判断表达式1的值，转布尔类型假如为true，直接返回表达式1的值

  1.  console.log(5 > 3 || 10 < 5) //
  2.       console.log(5 > 3 || 10 > 5) //
  3.       console.log(5 == 3 || 10 < 5) //
  4.       console.log(5 || 6) // 5
  5.       console.log(10 > 8 || 0) // true
  6.       console.log('' || 100) // 100

4、短路运算符

短路运算符： 逻辑与 &&    逻辑或 ||

逻辑与 &&: 如果遇到表达式为假时直接返回假，如果表达式中都为真则返回最后一个为真的表达式

逻辑或||： 如果第一个表达式的值为真，则返回表达式1； 如果第一个表达式的值为假，则返回表达式2

 逻辑与短路现象

表达式1的值转布尔类型假如为false,直接返回表达式1的值,此时不会执行表达式2的值

  1.       let i = 3
  2.       console.log(null && ++i)
  3.       console.log(i) //3

 逻辑或短路现象

表达式1的值转布尔类型假如为false,直接返回表达式2的值,

  1. let j = 3
  2.       console.log(null || ++j)
  3.       console.log(j) //4

5、赋值运算符 

6、三目运算符

三元表达式： 表达式1 ? 表达式2 : 表达式3

如果表达式1成立，就返回表达式2，如果不成立就返回表达式3

  1.  //  求两个数最大值
  2.       let num1 = 10,
  3.         num2 = 20
  4.       num3 = 32
  5.       // console.log(num1 > num2 ? num1 : num2)
  6.       let max = num1 > num2 ? num1 : num2
  7.       max = max > num3 ? max : num3
  8.       console.log(`max=${max}`)

二、if语句

1.if单分支语句

if 语句

// 条件成立执行代码，否则什么也不做

if (条件表达式) {

           // 条件成立执行的代码语句

}

  1.  if (1 !== 1) {
  2.        console.log('1等于1')
  3.        console.log('end')
  4.       }

2.if双分支语句 

if else语句（双分支语句）

// 适合于检查多重条件。

if (条件表达式1) {

              语句1；

    } else {

         // 上述条件都不成立执行此处代码

}

  1.  const score = +prompt('请输入你的成绩')
  2.       if (score >= 90) {
  3.         alert('一朵小红花奖励')
  4.       } else {
  5.         alert('继续加油')
  6.       }

3.if多分支语句 

if else语句（多分支语句）

// 适合于检查多重条件。

if (条件表达式1) {

              语句1；

} else if (条件表达式2)  {

             语句2；

} else if (条件表达式3)  {

             语句3；

 ....

} else {

         // 上述条件都不成立执行此处代码

}

  1.  >=90  80~90 B 60~80 C <60  D
  2.       const score = +prompt('请输入你的成绩')
  3.       if (score >= 90) {
  4.         alert('您的等级为A!!!')
  5.       } else if (score >= 80) {
  6.         alert('您的等级为B!!!')
  7.       } else if (score >= 60) {
  8.         alert('您的等级为C!!!')
  9.       } else {
  10.         alert('准备补考
    声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/652761
    推荐阅读
    相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。