一、操作符介绍

• 操作符，也叫运算符 operator ，是 js 中发起运算最简单的方式。例如：5 + 6

• 表达式（expression）的组成包含操作数和操作符，表达式会得到一个结果，然后用结果参与程序

二、操作符的分类

• 算术运算符 • 比较运算符 • 逻辑运算符 • 赋值运算符 • 一元运算符

2.1算术运算符

• + - * / % () • %:取余，取模。 a / b = c 余 d，就说a % b = d。

• 运算顺序：先算乘除取余、再算加减，有小括号先算小括号

• （-）：既可以表示减号，也可以表示负号。

• （+）：既可以表示加号，也可以表示字符串拼接。

• （%）：求余，也叫模运算。

• n%2 ==0 说明n是偶数，否则为奇数。

• m%n ==0 说明m能被n整除。

正常情况：数字与数字之间的运算。

<script>console.log(1+2);//3console.log(1-2);//-1console.log(1*2);//2console.log(1/2);//0.5console.log(1%2);//1   1取2的余数，只能是0 或者1  不可能是2  也就是取的数-1，就是余数
</script>

非正常情况 1：

• 有特殊值字面量参与的运算。

• NaN参与的运算：得到的结果都是NaN

• Infinity参与的运算，视情况而定

• 工作中并不会使用特殊值运算，没有实际应用的意义，但是要了解，以防面试遇到。

<script>//NaN参与的运算：得到的结果都是NaNconsole.log(NaN + 5);//NaNconsole.log(NaN - 5);//NaNconsole.log(NaN * 5);//NaNconsole.log(NaN / 5);//NaNconsole.log(NaN % 5);//NaN//Infinity参与的运算，视情况而定console.log(Infinity + 5);//Infinityconsole.log(Infinity - 5);//Infinityconsole.log(Infinity * 5);//Infinityconsole.log(Infinity / 5);//Infinityconsole.log(Infinity % 5);//NaNconsole.log(-Infinity + 5);//-Infinityconsole.log(-Infinity - 5);//-Infinityconsole.log(-Infinity * 5);//-Infinityconsole.log(-Infinity / 5);//-Infinityconsole.log(-Infinity % 5);//NaNconsole.log(5 + Infinity);//Infinityconsole.log(5 - Infinity);//-Infinityconsole.log(5 * Infinity);//Infinityconsole.log(5 / Infinity);//0console.log(5 % Infinity);//5console.log(Infinity % Infinity);//NaN
</script>

非正常情况 2：

• 其他类型的数据参与数学运算。

• 有字符串参与的 + 运算：+ 号变为连字符将前后连接成整体字符串。

• 隐式转换：除了字符串参与的 + 运算，其他情况下，所有其他数据类型参与数学运算时，计算机暗中将其他数据类型先自动转换成数字类型，再参与运算，这个过程中不需要使用 parseInt()、Number() 等方法，过程是暗中进行，这就是一个隐式转换的过程。

隐式转换：

其他的数据类型会隐式转换为数字类型：

• 对应数字：纯数字字符串会转为对应的数字”123”→123

• 转换为1： true

• 转换为0：false、null、 “”空字符串、空白字符串

• 转换为NaN：undefined、非空非纯数字字符串

<script>// 非正常情况2// 字符串参与console.log(1 + "2");//12console.log(1 - "2");//-1console.log(1 * "2");//2console.log(1 / "2");//0.5console.log(1 % "2");//1// 其他的数据类型参与console.log(1 + true);//2console.log(1 + false);//1console.log(true + false);//1console.log(1 + undefined);//NaNconsole.log(1 + null);//1console.log(true + null);//1
</script>

总结：

隐式转换就是不需要程序员干预，JS自动完成的类型转换。

强制转换：需要程序员手动进行的类型转换。

2.2比较运算符

比较运算符，也叫作关系运算符。一个比较运算符 comparison operator 比较它的操作数并返回一个布尔类型值。运算结果要么是true，要么是false。 > 大于 < 小于 >= 大于等于 <= 小于等于 == 相等，只判断值大小是否相等，不判断数据类型 != 不等，与相等完全相反 === 全等，不光判断值相等，还要判断数据类型相等 !== 不全等，与全等于完全相反。

正常情况：与数字比较

非正常情况 1：

• 特殊值参与比较运算。 • NaN参与：不等于和不全等于结果是 true，其他的都得到 false。 • Infinity参与的运算，视情况而定。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>js运算符—比较运算符</title>
</head>
<body><script>// 数字比较console.log(7 > 8);//falseconsole.log(7 < 8);//trueconsole.log(7 >= 8);//falseconsole.log(7 <= 8);//trueconsole.log(7 == 8);//falseconsole.log(7 != 8);//trueconsole.log(7 === 8);//falseconsole.log(7 !== 8);//true//特殊值参与比较//NaN和数字比较console.log(NaN > 8);//falseconsole.log(NaN < 8);//falseconsole.log(NaN >= 8);//falseconsole.log(NaN <= 8);//falseconsole.log(NaN == 8);//falseconsole.log(NaN != 8);//trueconsole.log(NaN === 8);//falseconsole.log(NaN !== 8);//true//NaN和NaN自身比较console.log(NaN > NaN);//falseconsole.log(NaN < NaN);//falseconsole.log(NaN >= NaN);//falseconsole.log(NaN <= NaN);//falseconsole.log(NaN == NaN);//falseconsole.log(NaN != NaN);//trueconsole.log(NaN === NaN);//falseconsole.log(NaN !== NaN);//true//Infinity和数字比较console.log(Infinity > 8);//trueconsole.log(Infinity < 8);//falseconsole.log(Infinity >= 8);//trueconsole.log(Infinity <= 8);//falseconsole.log(Infinity == 8);//falseconsole.log(Infinity != 8);//trueconsole.log(Infinity === 8);//falseconsole.log(Infinity !== 8);//true//Infinity和Infinity自身比较console.log(Infinity > Infinity);//falseconsole.log(Infinity < Infinity);//falseconsole.log(Infinity >= Infinity);//trueconsole.log(Infinity <= Infinity);//trueconsole.log(Infinity == Infinity);//trueconsole.log(Infinity != Infinity);//falseconsole.log(Infinity === Infinity);//trueconsole.log(Infinity !== Infinity);//false</script>
</body>
</html>

（10）js操作符（运算符）相关推荐

JavaScript学习10 JS数据类型、强制类型转换和对象属性
JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以 ...
JS操作符转化字符串为数字
随时随地技术实战干货,获取项目源码.学习资料,请关注源代码社区公众号(ydmsq666) from:http://cnodejs.org/topic/53400c0c018dc21c220082b3 ...
10.常用操作符一览
概要 1.new 操作符 2.指数操作符 3.赋值操作符:使用它们不会带来任何性能的提升. 4.逗号操作符:在用于赋值时,逗号操作符总会返回表达式中的后一项: 5.关系操作符(<.>.&l ...
JS比较运算符之等于与不等于详解
[align=center]JS比较运算符之等于与不等于详解[/align] [b]1.1等于(==)与不等于(!=)[/b] 使用==或!=来比较两个数据是否相等,如果两个数据的类型不同,将进行转换 ...
js各运算符的执行顺序
js各运算符的执行顺序 JavaScript运算符优先级 JavaScript 运算符优先级,是描述在计算机运算计算表达式时执行运算的先后顺序. 先执行具有较高优先级的运算,然后执行较低优先级的运算. ...
JS常用运算符及其优先级
1.JS常用运算符主要分为以下几类: 算术运算符:+ - * / % ++ – 赋值运算符:= += -= *= /= %= 逻辑运算符:&& || ! 关系运算符:< > ...
sql判断整除_SQL操作符/运算符
SQL里的操作符,也有人叫它运算符. 操作符/运算符大多用于在SELECT命令的WHERE字句中,表示表达式与其他元素之间的特定算数或逻辑关系,为返回的数据指定更明确的条件.SQL里有多种操作符,能满 ...
js合并数组方法——js拓展运算符
js拓展运算符是三个点"...",作用是将数组转换为一个用逗号分隔的参数列表,利用拓展运算符可以轻松合并两个数组. 例如: let a = [1,2,3],b = [4,5,6]; ...
C++基础知识（四）—— 操作符/运算符
前面已经学习了变量和常量,我们可以开始对它们进行操作,这就要用到C++的操作符.有些语言,很多操作符都是一些关键字, 比如add, equals等等.C++的操作符主要是由符号组成的.这些符号不在字母 ...

（10）js操作符（运算符）

一、操作符介绍

二、操作符的分类

2.1算术运算符

正常情况：数字与数字之间的运算。

非正常情况 1：

非正常情况 2：

隐式转换：

总结：

2.2比较运算符

正常情况：与数字比较

非正常情况 1：

• 特殊值参与比较运算。 • NaN参与：不等于和不全等于结果是 true，其他的都得到 false。 • Infinity参与的运算，视情况而定。

（10）js操作符（运算符）相关推荐

最新文章

热门文章