前端js学习笔记--运算符

一.JS运算符

1.算术运算符

运算符	描述	实例
+	加	10+20=30
-	减	10-20=-10
*	乘	10*20=200
/	除	10/20=0.5
%	取余数（取模）	3%5=3

在算术运算中，浮点数的操作会出现问题，所以不能直接拿着浮点数运算来比较是否相等

2.自增自减运算符
递增（++） 递减（–）
注意：自增自减运算符必须和变量配合使用
前置自增和后置自增如果单独使用，效果是一样的，即：

num++;
++num; //单行代码效果是一样的

++p的含义是：先加1，后运算
p++的含义是：先原值运算，后变量再自加1

3.比较运算符（关系运算符）
会返回一个布尔值
在程序中用==来表示等于号，并且在判断是否相等时，会将字符串型的数据转换为数字型，会默认转换数据类型，如

console.log(18 == '18'); //返回true，双等时只要求值相等就可以

此外程序中还有===符号，即全等符号，要求两侧的值和数据类型必须完全一致才可以。

console.log(18 === 18);// 返回true
console.log(18 === '18'); //返回false

符号	作用	用法
=	赋值	把右边赋给左边
==	判断	判断两边的值是否相等（注意此时有隐式转换，将字符串型->数字型）
===	全等	判断两侧的值和数据类型是否完全相等

4.逻辑运算符
逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值。

逻辑运算符	说明	案例
&&	与	true&&false
两个竖	或	true//false
!	非	!true

短路运算（逻辑中断）
原理：当有多个表达式（值）时，左侧的表达式值可以确定结果时，就不再继续运算右边的表达式的值
逻辑与短路运算：如果表达式1结果为真，则返回表达式2。如果表达式1为假，则返回表达式1，表达式2不再执行。即表示空的或者否定的为假，其余都是真
为假代表：0 ’ ’ null undefined NaN （共5个）

console.log(123 && 456); //返回 456
console.log(0 && 456); //返回 0

逻辑或短路运算：如果表达式1结果为真，则返回表达式1，表达式2不再执行。如果表达式1为假，则返回表达式2。

console.log(123 || 456); // 返回 123
console.log(0 || 456); //返回 456
console.log(0 || 456 || 456 + 123); //返回 456

例题：

var num = 0;
console.log(123 || num ++);
console.log(num); // 返回 0，因为短路运算

逻辑与比逻辑或优先级高，先与后或

6.赋值运算符

赋值运算符	说明	案例
=	直接赋值	var userName = ‘我是值’
+=，-=	加、减一个数，再赋值	var age = 10; age + =5;//返回15
*=、/=、%=	乘、除、取模，后再赋值	var age = 2;age *= 5; //返回10