保安日记:JavaScript学习第三篇之运算符

时间:2024-11-21 11:21:39
JavaScript 运算符

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

  • 算数运算符:
    用于执行两个变量或值的算术运算 + - * / %
console.log(0.1 + 0.2); // 0.30000000000004
  • 1
注意:
浮点数 算术运算会有问题,因为本身小数已经很小 还要把小数转换成二进制再进行算术运算  后面有其他方法解决  
因此也不能直接拿浮点数进行比较是否相等
  • 1
  • 2
  • 3
  • 前置递增运算符(++i)
    先加 1,再返回值
  • 后置递增运算符(i++)
    先返回原值, 后自加1
    前置自增和后置自增如果单独使用效果一样
    开发时,大多使用后置递增
var e = 10;
var f = e++ + ++e;  //1. e++ 返回10后,自加1为 11
console.log(f); //  22
  • 1
  • 2
  • 3
  • 比较运算符
    比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值( true / false )作为比较运算的结果。
console.log(18 == '18'); // true
console.log(18 === '18'); // false
  • 1
  • 2
注意:
1.程序里面 == 会默认转换数据类型
2.=== 和 !==  全等,要求值和数据类型都一致
  • 1
  • 2
  • 3
  • 逻辑运算符
    逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断
    逻辑与:&& ;逻辑或: || ;非 !;
    短路运算(逻辑中断)
    短路运算的原理︰当有多个表达式(值)时左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值;
    1.逻辑与
    语法︰表达式1&&表达式2
    如果第一个表达式的值为真,则返回表达式2
    如果第一个表达式的值为假,则返回表达式1
    2.逻辑或
    语法:表达式1||表达式2
    如果第一个表达式的值为真,则返回表达式1
    如果第一个表达式的值为假,则返回表达式2
<script>
	// 1.用我们的布尔值参与的逻辑运算true && false == false
	// 2.123 && 456是值或者是表达式参与逻辑运算?
	console.log(123 &&456); // 456
	console.log(0 && 456);//o
	console.log(0 && 1 +2 && 456 *56789); // 0
	console.log('' && 1 + 2 && 456 * 56789); //''
	//如果有空的或者 0 以及否定的为假 其余是真的  0'' null undefined NaN假
	console.log(123 || 456);1l/ 123
	console.log(123 || 456 || 456 + 123);//123
	console.log(  || 456 || 456 +123);// 456
	//逻辑中断很重要它会影响我们程序运行结果
	var num = 0;
	console.log(123 || num++);
	console.log(num); // 0
</ script>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
&&和||的短路运算有什么用?
1、由于&&和||的表达式存在短路运算现象,在短路之后不会对后面的表达式进行运算,
所以含有&&和||的表达式最好不要进行变量的赋值和运算操作,可以先计算好每个表达 
式的结果,直接拿结果进行&&和||的运算。

在代码编写的时候就要注意这一点,以防由于&&和||的短路运算导致写出来的代码运算  
结果与预期的不同。

2、把能快速确定整个表达式结果true或false的表达式放在前面,这样由于短路运算后面
的表达式可能不会被运算到,节省处理器的运算时间。
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 赋值运算符
    在这里插入图片描述

运算符优先级
在这里插入图片描述逻辑与优先级大于逻辑或