web前端JS学习第二十七天

本文详细介绍了JavaScript中的运算符,包括算数、递增/递减、比较、逻辑和赋值运算符,以及运算符优先级。还探讨了递增和递减运算符的前置和后置用法,并通过实例解释了比较运算符和逻辑运算符的用法。此外,文章还深入讲解了流程控制中的分支结构,包括if、if...else、if...else if...else和switch语句,以及三元表达式的使用。
摘要由CSDN通过智能技术生成

运算符

  1. 运算符
  2. 算数运算符
  3. 递增和递减运算符
  4. 比较运算符
  5. 逻辑运算符
  6. 赋值运算符
  7. 运算符优先级

1,运算符
运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。

JavaScript中常用的运算符有:

  • 算数运算符.
  • 递增和递减运算符
  • 比较运算符
  • 逻辑运算符
  • 赋值运算符

2,算数运算符

算术运算符概述
概念:算术运算使用的符号,用于执行两个变量或值的算术运算。

在这里插入图片描述

浮点数的精度问题
浮点数值的最高精度是 17 位小数,但在进行算术计算时其精确度远远不如整数

let result = 0.1 + 0.2; // 结果不是 0.3,而是:0.30000000000000004
console.log(0.07 * 100); // 结果不是 7, 而是:7.000000000000001

注意:不要直接判断两个浮点数是否相等 ! (重点)

  1. 我们怎么判断 一个数能够被整除呢?
    它的余数是0 就说明这个数能被整除, 这就是 % 取余运算符的主要用途

  2. 请问 1 + 2 * 3 结果是?
    结果是7 ,注意算术运算符优先级的,先乘除,后加减,有小括号先算小括号里面的

表达式和返回值
表达式: 是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合
简单理解:是由数字、运算符、变量等组成的式子

表达式最终都会有一个结果,返回给我们,我们成为返回值

3,递增和递减运算符

递增和递减运算符概述

如果需要反复给数字变量添加或减去1,可以使用递增(++)和递减( – )运算符来完成。

在 JavaScript 中,递增(++)和递减( – )既可以放在变量前面,也可以放在变量后面。放在变量前面时,
我们可以称为前置递增(递减)运算符,放在变量后面时,我们可以称为后置递增(递减)运算符。

注意:递增和递减运算符必须和变量配合使用。

递增运算符

前置递增运算符

++num 前置递增,就是自加1,类似于 num = num + 1,但是 ++num 写起来更简单。
使用口诀:先自加,后返回值

let num = 10;
alert(++num + 10); // 21

后置递增运算符

num++ 后置递增,就是自加1,类似于 num = num + 1 ,但是 num++ 写起来更简单。
使用口诀:先返回原值,后自加

let num = 10;
alert(10 + num++); // 20

练习

let a = 10;
++a;
let b = ++a + 2;
console.log(b);
//14

let c = 10;
c++;
let d = c++ + 2;
console.log(d);
//13

let e = 10;
let f = e++ + ++e;
console.log(f);
//22

前置递增和后置递增小结

前置递增和后置递增运算符可以简化代码的编写,让变量的值 + 1 比以前写法更简单

单独使用时,运行结果相同

与其他代码联用时,执行结果会不同

后置:先原值运算,后自加(先人后己)

前置:先自加,后运算(先已后人)

开发时,大多使用后置递增/减,并且代码独占一行,例如:num++; 或者 num–;

4,比较运算符

比较运算符概述
概念:比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值
(true / false)作为比较运算的结果。

在这里插入图片描述
小结

在这里插入图片描述

console.log
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值