运算符

运算符

1、运算符

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

2、算数运算符

①算术运算符的概括

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

 ②浮点数的精度问题

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

//1、%取余（取模）
console.log(4%2);    //0
console.log(5%3);    //2
//2、浮点数 算术运算里面会有问题
console.log(0.1+0.2);//0.30000000000000004
console.log(0.07*100);//7.000000000000001
3、我们不能直接拿着浮点数来进行相比较 是否相等
var num=0.1+.02;
console.log(num==0.3);//false

所以：不要直接判断两个浮点数是否相等！

③问题：

• 如何判断一个数能被整除？

它的余数是0就说明这个数能被整除，这就是% 取余运算符的主要用途

• 1+2*3=？

7，注意运算符优先级，先乘除，后加减，有小括号先算小括号里面的

④表达式和返回值

表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合。

              简单理解：是由数字、运算符、变量等组成的式子。

3、递增和递减运算符

①递增和递减运算符概述

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

在JavaScript中，递增（++）和递减（--）既可以放在变量前面，也可以放在变量后面，放在变量前面时，我们可以称为前置递增（递减）运算符，放在变量后面时，我们可以称为后置递增（递减）运算符。

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

②前置运算符

• 前置递增运算符

++num前置递增，就是自加1，类似于num=num+1，但是++num写起来更简单

• 后置递增运算符

num++后置递增，就是自加1，类似于num=num+1，但是num++写起来更简单

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

 4、比较运算符

①比较运算符概述

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

 

//1、我们在程序里面的等于符号是 ==  默认转换数据类型 会把字符串型的数据转换为数字型 只要求值相等就可以

console.log(12==12);//true
console.log(12=='12');//true
console.log(12!='12');//false

 

//2、我们程序里面有全等 一模一样  要求：两侧的值还有数据类型完全一致才可以
console.log(12===12);//true
console.log(12==='12');//false

②小结

 

 

console.log(12 == 12);//true
console.log(12 === '12');//false

 5、逻辑运算符

①逻辑运算符概述

概念：逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值。经常用于多个条件的判断

②逻辑与 &&

 

两边都是true才返回true，否则返回false

③逻辑或 ||

两边都为false才返回false，否则都为true

④逻辑非 !

逻辑非（！）也叫做取反符，用来取一个布尔值相反的值，如true的相反值是false

 

//1、逻辑与&& and 两侧都为true 结果才为true 只要有一侧为false 结果就为false
        console.log(3 > 5 && 3 > 2); //false
        console.log(3 < 5 && 3 > 2); //true
//2、逻辑或|| or 两侧都为false 结果才是假false 只要有一侧为true 结果就是true 
        console.log(3 > 5 || 3 > 2);//true
        console.log(3 > 5 || 3 < 2);//false
//3、逻辑非 not !
        console.log(!true); //false

 ⑤短路运算（逻辑中断）

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

1、逻辑与

• 语法：表达式1 && 表达式2
• 如果第一个表达式的值为真，则返回表达式2
• 如果第一个表达式的值为假，则返回表达式1

2、逻辑或

• 语法：表达式1 || 表达式2
• 如果第一个表达式的值为真，则返回表达式1
• 如果第一个表达式的值为假，则返回表达式2

// 1、我们的布尔值参与的逻辑运算 true && false == false
// 2、123 && 456 是值 或者是 表达式 参与逻辑运算？
// 3、逻辑与短路运算 如果表达式1 结果为真 则返回表达式2；如果表达式1为假 那么返回表达式1
        console.log(123 && 456); //456
        console.log(0 && 456); //0
        console.log(0 && 1 + 2 && 456 * 56789); //0
        console.log('' && 1 + 2 && 456 * 56789); //''
// 如果有空的或者否定的为假 其余是真的 0 '' null undefined NaN
// 4、逻辑或短路运算 如果表达式1 结果为真 则返回的是表达式1； 如果表达式1 结果为假 则返回表达式2
        console.log(123 || 456); //123
        console.log(123 || 456 || 456 + 123); //123
        console.log(0 || 456 || 456 + 123); //456


//   逻辑中断很重要 它会影响我们程序运行结果
        var num = 0;
        console.log(123 || num++); //123
        console.log(num); //0

 

6、赋值运算符

概念：用来把数据赋值给变量的运算符。

 

 

var num = 10;
//num=num+1;   num++
// num=num+2;  //num+=2;
num += 2;
console.log(num);//12

7、运算符优先级

• 一元运算符里面的逻辑非优先级很高
• 逻辑与比逻辑或优先级高