js前端运算符

运算符

web前端运算符笔记记录。。。

1、 运算  

运算符（operator）也被称为操作符，是用于实现赋值，比较和执行算数运算等功能的符号。  

js中常用的运算符号：    

* 算数运算符

* 递增和递减运算符

* 比较运算符

* 逻辑运算符

* 赋值运算符

运算符

描述  实例

+ 加
10 + 20 = 30
- 减 10 -20 = -10
* 乘 10 * 20 = 200
/ 除 10 / 20 = 0.5
% 取余  返回除非的余数 9 % 2 = 1

2、 浮点数精度

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

var result = 0.1 + 0.2; // 结果不是0.3， 而是: 0.30000000000000004
console.log(0.07 * 100); // 结果不是7， 而是：7.00000000000000001
//所以不要直接判断二个浮点数是否相等

3、 表达式和返回值   

表达式:表达式可以由数字、运算符、变量等组成    

表达式的结果成为返回值

程序右边的表达式计算完毕的返回值给左边

4、递增递减运算符

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

在JavaScript中,递增++ 和递减--  既可以放在变量前面,也可以放在变量后面。放在变量前面时,

我们可以称为前置递增(递减)运算符,放在变后面时,我们可以称为后置递增(递减)运算符.

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

前置递增运算符

++ num 前置递增，就是自加1，类似于num = num + 1

使用口诀：先自加，后返回值

num ++ 后置递增，就是自加1，类似于num = num +1

使用口诀，先返回值，后自加（跟前置相反）

var e = 10;
var f = e++ + ++e;  // 1. e++ = 10  e = 11  2. ++e = 12
console.log(f) ; // 22

前置递增和后置递增总结：

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

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

与其他代码联用是，执行结果会不同

后置： 先原值运算，后自加

前置：先自加，后运算

5、比较运算符

比较运算符（关系运算符）是两个数据进行比较时使用的运算符，比较运算后，会返回一个布尔值（true/false),作为比较运算结果 

运算符名称 说明  案例  结果

< 小于号 1 < 2 true
> 大于号 1 > 2 false
>=  大于等于号(大于或者等于) 2 >= 2  true
<=  小于等于号（小于或者等于） 3 <= 2  false
= =   不等于 37 != 37  false
=== !== 全等 要求数值和数据类型一致  37 === '37' false

总结

符号  作用  用法

=

赋值  把右给左边

==  判断  判断二边是否相等（注意此时有隐式转换）

=== 全等  判断两边的值和数据类型是否完全相同

6、逻辑运算符

概念:逻辑运算符是用来进行布尔值运算的运算符,返回值也是布尔值。后面开发中经常用于多个条件的判断 

逻辑运算符 说明  案例

&& 

"逻辑与"，简称“与”and  true && false

||  "逻辑或"，简称“或”or true || false

! "逻辑非"，简称“非”not  ! true

逻辑与&&

二边都是true才为true, 否者为false. 

逻辑或||

二边都为false才为false, 否者为true 

逻辑非!

也叫取反符，用来取一个布尔值相反的值，如true的相反值是false

短路运算（逻辑中断）

短路运算的原理：当有多个表达式（值）时，左边的表达式可以确定结果时，就不在继续运算右边的表达式

逻辑与

语法： 表达式1 && 表达式2

如果第一个表达式的值为真，则返回表达式2

如果第一个表达式的值为假，则返回表达式1

逻辑或

语法：表达式1 || 表达式2

如果第一个表达式为真，则返回表达式1

如果第一个表达式为假，则返回表达式2