JS运算符

作者: 佛系那莫觅 | 来源:发表于2020-03-29 22:23 被阅读0次

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

JavaScript中常用的运算符有:

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

算数运算符

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

运算符 描述 实例
+ 10+20=30
- 10-20=-10
* 10*20=200
/ 10/20=0.5
% 取余数(取模) 返回除法的余数9%2=1
console.log(1 + 1); //2
console.log((1 -1)); //0
console.log(1 * 1); //1
console.log(1 / 1); //1
// 1. %取余
console.log(4 % 2); //0
console.log(5 % 3); //2

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

//2.浮点数 孙淑运算里面会有问题 
console.log(0.1 + 0.2); //0.30000000000000004
console.log(0.07*100); //7.000000000000001

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

//3. 我们不能直接拿着浮点数进行相比较 是否相等
var num= 0.1 + 0.2 ;
console.log(num == 0.3); //false

表达式和返回值

  • 表达式:是由数字、运算符、变量等以能求得数值的有意义拍了方法所得的组合
    简单解释: 是由数字、运算符、变量等组成的式子

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

递增和递减运算符

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

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

递增和递减运算符必须和变量配和使用

前置递增(递减)运算符 ,先加1 ,后返回值

var age = 10;
++age ;
console.log(age); // 11

var p = 10;
console.log(++p + 10 );//21

后置递增(递减)运算符 ,先返回原值, 后自加1

var age = 10;
age++ ;
console.log(age); // 11

var p = 10;
console.log(p++ + 10 );//20
console.log(p); //11

递增递减练习

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

比较运算符

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

运算符名称 说明 案例 结果
< 小于号 1<2 true
> 大于号 1>2 false
>= 大于等于号(大于或者等于) 2>=2 true
<= 小于等于号(小于或者等于) 3<=2 false
== 判等号(会转型) 37==37 true
!= 不等号 37!=37 false
=== !== 全等 要求值和数据类型都一致 37='37' false

=小结

符号 作用 用法
= 赋值 把右边给左边
== 判断 判断两边值是否相等(注意此时有隐式转换)
=== 全等 判断两边的值和数据类型是否全相同

逻辑运算符

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

逻辑运算符 说明 案例
&& '逻辑与',简称'与' and true&&false
|| "逻辑或",简称'或' or true||false
! "逻辑非",简称'非' not !true

短路运算(逻辑中断)
短路运算原理: 当有多个表达式(值)时,左边的表达式可以确定结果时,就不在基线运算右边的表达式的值

逻辑与

  • 语法:表达式1 && 表达式2
  • 如果第一个表达式的值为真,则返回表达式2
  • 如果第一个表达式的值为假,则返回表达式1
console.log(123 && 456); //456
console.log(0 && 456); //0

逻辑或

  • 语法:表达式1 || 表达式2
  • 如果第一个表达式的值为真,则返回表达式1
  • 如果第一个表达式的值为假,则返回表达式2
console.log(123 || 456); //123
console.log(0 || 456); //456

赋值运算符

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

赋值运算符 说明 案例
= 直接赋值 var usrName='a';
+= -= 加减一个数后再赋值 var age=10;age+=5 //15
*= /= %= 乘 除 取模后再赋值 var age=2; age*=5;//10

运算符优先级

优先级 运算符 顺序
1 小括号 ()
2 一元运算符 ++ -- !
3 算数运算符 先 * / % 后 + -
4 关系运算符 > >= < <=
5 相等运算符 == != === !==
6 逻辑运算符 先 && 后 |
7 赋值运算符 =
8 逗号运算符 ,

相关文章

  • JavaScript 02 (运算符和选择结构)

    js的关系运算符,js的逻辑运算符,js的赋值运算符,js的运算符的优先级问题,js的自增和自减,js的选择结构 ...

  • 运算符及js操作属性

    关系运算符 相等运算符 条件运算符 运算符的优先级 代码块 js操作属性 js操作style属性 js操作clas...

  • js运算符

    js基础语法:运算符,判断语句,数据类型,js对象 一、运算符 赋值运算符 =算数运算符 +-*/% ++...

  • 2020-03-16

    JavaScript 初识 《① JS 速览——进入 JS 的世界》[编号:js_01] 《② 运算符、运算符优先...

  • 2018-12-01

    赋值运算符 关系运算符 Unicode编码 相等运算符 条件运算符 运算符的优先级 代码块 js操作属性 js换肤...

  • JS操作属性、函数

    条件运算符 运算符的优先级 代码块 JS操作属性 JS换肤 JS操作style属性 JS操作

  • 前端(运算符)

    与或运算 Unicode编码 相等运算符 条件运算符 js操作属性 js函数

  • 前端笔记10

    条件运算符 运算符优先级 代码块 js操作属性 换肤 js操作style属性 js操作class属性 js中括号操...

  • 2018-08-20

    今天学习了JS 运算符 JS 比较 JS If...Else JS Switch JS For JS While ...

  • 2018-11-29

    11js关系运算符 11js关系运算符 /*关系运算符存在的意义:1、默认情况下,...

网友评论

    本文标题:JS运算符

    本文链接:https://www.haomeiwen.com/subject/lwepuhtx.html