本篇文章给大家谈谈js运算符教程，以及js常用运算符对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
JS重点之运算符以及运算符优先级
JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符执行。例如，乘法的执行先于加法。
算数运算符：
加+，减—，乘*，除/，求余%，加加++，减减——，
加减乘除求余运算与数学上的用法完全一样。
不过，加号+还有连接字符串的作用，其他运算符还可以将字符串数字转换成数值型，参见 JavaScript中数据类型转换总结 中的隐式转换部分。
++，——分为前置和后置，前置表示在使用该变量之前加/减1，后置表示在使用之后加/减1。
逻辑运算符：
1.: 与运算， 当与运算的两个内容都为true的时候，结果为true，只要有一个内容为false，结果都是false， 可以读作“并且”
2.||: 或运算， 当或运算的两个内容都为false的时候，结果为false，只要有一个内容为true，结果都是true，|| 可以读作“或者”
3.!: 非运算， 取反运算，当内容为true时，取反结果为false，当内容为false时，取反结果为true
补充：
与||的其他用法
如果两个操作数都不是布尔类型
且两个数值转换成布尔类型都是true，返回第二个操作数
如果有一个操作数转换成布尔类型是false，返回这个数
var b=undefinednull
console.log(b);
返回undefined
||
如果两个操作数都不是布尔类型
第一个数转换成布尔类型为true，则不往下看，返回第一个数
如果第二个数转换成布尔类型为true，则返回第二个数值。
比较运算符：
== 相等操作符
如果两个操作数相等，则返回 true。
!= 不相等操作符
如果两个操作数不相等，则返回 true。
这两个操作符都会先转换操作数（通常称为强制转型），然后再比较它们的相等性。在转换不同的数据类型时，相等和不相等操作符遵循下列基本规则：
1、 如果有一个操作数是布尔值，则在比较相等性之前先将其转换为数值——false 转换为 0，而true 转换为 1；
2、如果一个操作数是字符串，另一个操作数是数值，在比较相等性之前先将字符串转换为数值；
3、 如果一个操作数是对象，另一个操作数不是，则调用对象的 valueOf()方法，用得到的基本类型值按照前面的规则进行比较；
这两个操作符在进行比较时则要遵循下列规则。
1、 null 和 undefined 是相等的。
2、 要比较相等性之前，不能将 null 和 undefined 转换成其他任何值。
3、 如果有一个操作数是 NaN，则相等操作符返回 false，而不相等操作符返回 true。重要提示：
即使两个操作数都是 NaN，相等操作符也返回 false；因为按照规则， NaN 不等于 NaN。
如果两个操作数都是对象，则比较它们是不是同一个对象。如果两个操作数都指向同一个对象，
则相等操作符返回 true；否则，返回 false。
下表列出了一些特殊情况及比较结果：
=== 全等操作符
在两个操作数未经转换就相等的情况下返回 true。即数值和类型都相同。
var result1 = (“55” == 55); //true，因为转换后相等
var result2 = (“55” === 55); //false，因为不同的数据类型不相等
!== 不全等操作符
在两个操作数未经转换就不相等的情况下返回 true。数据类型不同就不等。
var result1 = (“55” != 55); //false，因为转换后相等
var result2 = (“55” !== 55); //true，因为不同的数据类型不相等
赋值运算符：
=，+=，-=，*=，/=
简单的赋值操作符由等于号（=）表示，其作用就是把右侧的值赋给左侧的变量。
如果在等于号（=）前面再添加乘性操作符、加性操作符或位操作符，就可以完成复合赋值操作。
num = num + 10; 等同于num += 10;
设计这些操作符的主要目的就是简化赋值操作。使用它们不会带来任何性能的提升。
三元运算符：
? ：
举个例子：
var max = (num1 num2) ? num1 : num2;
在这个例子中， max 中将会保存一个最大的值。这个表达式的意思是：如果 num1 大于 num2（关系表达式返回 true），则将 num1 的值赋给 max；如果 num1 小于或等于 num2（关系表达式返回 false），则将 num2 的值赋给 max。
位运算符：
JavaScript也有位运算符，需要先转换成16进制数进行运算，在开发中好像还没有用到过，了解一下即可。
javascript 中运算符优先级
js常用增删改查方法/js比较运算符 逻辑运算符 赋值运算符 算术运算符
js数组遍历某个值求和
一、增
1、push()
可接收任意数量js运算符教程的参数js运算符教程，把它们逐个添加至数组末尾，并返回修改后数组js运算符教程的长度。例如：
2、unshift()
该方法与push()类似，也可接收任意数量的参数，只不过是将参数逐个添加至数组前端而已，同样返回新数组长度。咱们接着上面的例子：
3、concat()
该方法与push()方法有点类似，同样是将元素添加至数组末尾，只不过这个数组已经不是原来的那个数组js运算符教程了，而是其副本，所以concat()操作数组后会返回一个新的数组。具体用法如下：
① 不传参数，返回当前数组副本
② 传递一或多个数组，则该方法会将这些数组中的每一项都添加到结果数组中
③ 传递非数组参数，这些参数就会被直接添加到结果数组的末尾
继续接着上面的栗子：
例子中一目了然，原数组保持不变，新数组后面添加了4、5、6三个元素。
4、splice()
前面的三个方法都具有很大局限性，因为不是添加到数组前就是数组后，而splice()就不一样了，它非常灵活和强大。灵活是因为它可以添加元素到数组的任意位置，强大是因为它除了可以添加元素之外还具有删除和替换元素的功能（这个后面会陆续讲到）。
splice()可以向数组指定位置添加任意数量的元素，需要传入至少3个参数： 起始位置、0（要删除的元素个数）和要添加的元素。
依然接着上面的例子继续：
可以看出，splice()与push()和unshift()一样是直接在原数组上修改的。
二、删
1、pop()
与push()方法配合使用可以构成后进先出的栈，该方法可从数组末尾删除最后一项并返回该项。
接着上例：
2、shift()
与push()方法配合使用可以构成先进先出的队列，该方法可删除数组第一项并返回该项。
继续接着上例：
3、slice()
定义和用法
slice() 方法以新的数组对象，返回数组中被选中的元素。
slice() 方法选择从给定的 start 参数开始的元素，并在给定的 end 参数处结束，但不包括。
注释：slice() 方法不会改变原始数组。
该方法同concat()一样是返回一个新数组，不会影响原数组，只不过slice()是用来裁剪数组的，返回裁剪下来的数组，具体用法如下：
4、splice()
好，继续讲这个“万能”的方法。
上面讲到，该方法在添加数组元素的时候需要传入3个以上参数，而其中第2个参数就是用于指定要删除元素的个数的，那时我们传的是数字0。那么，如果单单只需删除元素，我们就只需给splice()传入两个参数，第1个参数用于指定要删除的第一项的位置，第2个参数用于指定要删除元素的个数。
继续上例~~
从索引项为2的位置开始删除4个元素，所以结果为 [-1, 0, 1, 2]。
三、改
这个其实最灵活的方式就是直接使用splice()这个强大的方法了，其实通过以上对该方法的了解，我们大致就能知道使用该方法修改数组元素的基本原理。
原理很简单，就是向指定位置插入任意数量的元素，且同时删除任意数量的元素。
依然继续上例~~
四、查
indexOf()和lastIndexOf()
这两个方法都接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中，indexOf()从数组的开头（位置0）开始向后查找，lastIndexOf()方法则从数组的末尾开始向前查找。
例如：
当找不到该元素时，返回 -1 ，lastIndexOf()方法同理。
1 数据类型
script
2 引用数据类型
object 对象类型
3 number 数字类型
包含所有的数字（整数，浮点数，正数，负数，极大极小数），Infinity(分母为零)，NaN(not a number)
4 string 字符串类型
引号包含的任意文本，单双引号都可以
输出展示
2 比较运算符
script
/*
1 比较运算符
比较两个值的大小 返回一个布尔值（true 或 false）
= = == != === !==
== 等于，只判断数值
===全等，绝对等于，即判断数据类型也判断数值
!= == 取反
!== ===取反
console.log(undefined == null);//true 都没有值
console.log(undefined === null);//false 数据类型不同undefined object
console.log(NaN == NaN); //false
console.log(NaN === NaN); //false
console.log(NaN != NaN); //true
console.log(NaN !== NaN); //true
/
/script
3 逻辑运算符
script
/
2 逻辑运算符
连接多个表达式，返回一个布尔值（true 或 false）
逻辑与 并且 所有的表达式都为true，结果才为true，有一个为false结果就为false
|| 逻辑或 或者 所有的表达式都为false，结果才为false，有一个为true结果就为true
js运算符教程！ 逻辑非 取反 表达式为true取反就为true，反之亦然
注意： 逻辑与的优先级大于逻辑或
*/
/script
逻辑运算符演示
输出到控制台的结果
4 赋值运算符
script
/*
3 赋值运算符
= 等号右边的值赋值给左边
+= x += y x = x + y 下同
-=
*=
/=
%= 要的是余数
*/
/script
script
x = 7;
y = 3;
console.log(x/=y)
/script
5 算术运算符
script
/*
算术运算符
+ – * / %(取余，取模) ++（自增） –(自减）
%(取余，取模) 应用 判断奇偶数、倍数
++ 相当于自己加1 x++ 相当于 x = x + 1
— 相当于自己加1 x– 相当于 x = x – 1
+运算碰到字符串，直接进行字符串拼接，返回string类型
– * / %遇到字符串，都转换成number类型进行计算，如果不能转换成数字，则返回NaN，数据类型未number
true转换1 false转换为0
++ —
前++和后++，对于变量自己来说没有区别都是+1
前++ 先赋值 在加1
后++ 先加1 再赋值
/
/script
script
/ var x = 5;//number
var y = 2;//number
comsole.log(x + y);//7
comsole.log(x – y);//3
comsole.log(x * y);//10
comsole.log(x / y);//2.5
comsole.log(x % y);//1 */
js运算符的一些特殊用法
本文集合了了js运算符的一些特殊应用。
js位运行符的运用。
js运算符的使用技巧。
是否包含指定字符：
~
~”str1″.indexOf(“str2”)
str1
被查找的字符串
str2
查找的字符串
如果
str1
不含有
str2
，则返回数字
。
例：
var
str1=’abc’;
var
str2=’a’;
if(~str1.indexOf(str2)){
console.log(‘有’+str2)
//有a
}else{
console.log(‘无’+str2)
}
取整：
|
num
|
num
整数
例：
1.3
|
//1
取半：
num
1
num
整数
例：求
50
的
1/2
50
1
//25
有除号
/
干嘛不用呢？多好呀：
50/2
//25
成长值评级：
||
需求1：
成长值为5是1星；
成长值为10是2星；
成长值为12是3星；
成长值为15是4星；
其他都是0星。
({‘5′:1,’10’:2,’12’:3,’15’:4}[val]
||
0);
val
成长值。
判断奇偶：
num
1
num
整数
例：
var
num=3;
if
(num
1)
{
console.log(“num是奇数”);
//num是奇数
}
else
{
console.log(“num是偶数”);
}
交换两个数字的值：
^=
使用位运行符：
var
num1
=
1,
num2
=
2;
num1
^=
num2;
num2
^=
num1;
num1
^=
num2;
console.log(num1,num2);
//2
1
使用数组：
var
num1
=
1,
num2
=
2;
num1
=
[num2,
num2
=
num1][0];
console.log(num1,num2);
//2
1
2的n次方：
和
**
1
n-1
使用位运行符：
2的n次方
例：2的3次方：13
//8
使用幂运行符：
个人觉得这个不如直接使用
幂
的方式好。
x的y次方：
x**y
例：2的3次方：2**3
//8
方法比较：
使用
的方式可以支持负数，**
需要用括号否则出错。
使用
**
比较直观，没研究过
方法的任意数的任意次方的规律。
13
//8
2**3
//8
-13
//-8
-2**3
//
报错
-(2**3)
//-8
32
//12
错误
3**2
//9
正确
是否是指定字符串开头：
!
和
^
!str1.indexOf(“str2”)
例：
var
str1=’abc’;
var
str2=’a’;
if(!str1.indexOf(str2)){
console.log(‘是开头’)
}else{
console.log(‘不是开头’)
}
使用正则方式
/^a/.test(‘abc’)
//a开头，true
/c$/.test(‘abc’)
//c结尾，true
字符串转数字：
+
+str
例：
var
str=’123′;
typeof(str)
//string
typeof(+str)
//number
转为
Boolean
值：
!!
!!obj
例：
!!’text’
//true
JS位运算符
之前对js的一些涉及到二进制的运算符一直似懂非懂，看到了就一脸懵逼，还得去控制台算一下。然后最近看算法的时候又看到了这个运算符，这里就简单介绍一下学习这些位运算符的过程。
注意： 以下运算均不涉及到小数。
先说这句话是什么意思。左移位是二进制的一种运算，就是在不改变二进制数值32位长度的前提下，将每位的数字都向左移动，左边移出去的直接丢弃，右边空出来的位置用0填充。无符号就是保持符号位不变，即本来是正数，移位后一样为正数。
这里以 7 2 为例。
首先将7转为二进制是 0000 0000 0000 0000 0000 0000 0000 0111 .
然后对其向左移两位.
得到值为 0000 0000 0000 0000 0000 0000 0001 1100 .
转换为十进制为 28.即 7 2 = 28 。
然后我们对以上的运算过程做一个处理，将这些二进制转换为我们熟悉的十进制。
对移位后的算式进行合并项可得到 2^4 + 2^3 + 2^2 = (2^2 + 2^1 + 2^0) * 2^2 ，即 2^4 + 2^3 + 2^2 = (2^2 + 2^1 + 2^0) * 2^2 = 7 * 2^2 。由此我们可得出 7 2 = 7 * 2^2 = 28 。
我们通过计算几个简单的左移位运算，与标准答案进行比较，验证一下这个结论。
在控制台中以上几个算式的结果为
答案完全一致。说明我们的结论是正确的。当然这个结论 仅限于那些二进制移位不会左移移出的数字的简单运算 。当我们遇到一些简单的可以口算的左移位运算时就可以使用这个结论快速得到结果，如果对于 99999 66 这种较复杂的运算你也用这个结论计算，也没有人会介意。
下面我们看一下负数的左移位运算。以 -66 2 为例。
首先，我们先复习一下负数如何转换为二进制。
负数转换为二进制的步骤有三：
然后对其向左移两位.
得到值为 1111 1111 1111 1111 1111 1110 1111 1000 .然后我们将其转换成十进制。
转换为十进制为 -264.即 -66 2 = -264 。
刚刚我们计算 -66 的二进制得到的是 1111 1111 1111 1111 1111 1111 1011 1110 。我们在控制台验证一下我们得到的这个二进制。
我们比较一下下面几个算式。
是的没错，进行无符号左移位运算时，当两个数的绝对值相等时，其相同位数的移位的绝对值一定相等。
这里以 666 3 为例。
首先将666转换为二进制是 0000 0000 0000 0000 0000 0010 1001 1010 。
然后对其向右移三位。
得到值为 0000 0000 0000 0000 0000 0000 0101 0011 .
转换为十进制为 83.即 666 3 = 83 。
然后我们对以上的运算过程做一个处理，将这些二进制转换为我们熟悉的十进制。
这个规律好像不太好总结？
这里以 -666 3 为例。
因为是有符号的运算，所以这里不再适用上一小节说的js的特殊处理。先将-666转换为二进制。
即-666的二进制形式为 1111 1111 1111 1111 1111 1101 0110 0110 ，然后对其进行有符号右移位运算
移位后得到的值为 1111 1111 1111 1111 1111 1111 1010 1100 ，是一个负值，我们将其转成十进制。
我们对此结果进行验证。
可见，我们的运算是完全正确的。
这里我们以 666 3 为例。
首先将666转换为二进制是 0000 0000 0000 0000 0000 0010 1001 1010 。
然后对其向右移三位。
得到值为 0000 0000 0000 0000 0000 0000 0101 0011 .
转换为十进制为 83.即 666 3 = 83 。
这里以 -666 3 为例。
因为是有符号的运算，所以这里不再适用上一小节说的js的特殊处理。先将-666转换为二进制。
即-666的二进制形式为 1111 1111 1111 1111 1111 1101 0110 0110 ，然后对其进行有符号右移位运算
移位后得到的值为 0001 1111 1111 1111 1111 1111 1010 1100 ，转成十进制为536870828。
是不是超级大。因为是无符号右移位运算，所以在左边空出部分不论正负都会填充0.
我们对此结果进行验证。
可见，我们的运算是完全正确的。
注意：因为对负数进行无符号右移位运算时，所得结果很大，所以在使用过程中需要格外注意。
疑问：左移位和右移位根本都是只对位置进行了移动，那么对于 x1 k = y1 和 y2 k = x2 中的 x1 等于 x2 ， y1 等于 y2 吗？
不一定。因为我们不能确保移动过程中被丢弃的值均为0。但凡有一个1被丢弃，就不会相等。而如果被丢弃的都是0，那么 x1 === x2 y1 === y2 。如下图所示。
这里以 66 33 为例。
首先将两个数转换为二进制是 0000 0000 0000 0000 0000 0000 0100 0010 和 0000 0000 0000 0000 0000 0000 0010 0001 。
然后对其进行与运算。
得出结果为 0.
负数的与运算与正数并无区别，不做讨论。
这里以 66 | 66 为例。
首先将两个数转换为二进制是 0000 0000 0000 0000 0000 0000 0100 0010 和 0000 0000 0000 0000 0000 0000 0100 0010 。
然后对其进行与运算。
得出结果为 66.
负数的与运算与正数并无区别，不做讨论。
这里以 66 ^ 66 为例。
首先将两个数转换为二进制是 0000 0000 0000 0000 0000 0000 0100 0010 和 0000 0000 0000 0000 0000 0000 0100 0010 。
然后对其进行与运算。
得出结果为 0.
负数的与运算与正数并无区别，不做讨论。
这里以 ~66 为例。
首先将其转换为二进制是 0000 0000 0000 0000 0000 0000 0100 0010 。
然后对其进行与运算。
将结果（ 1111 1111 1111 1111 1111 1111 1011 1101 ）转换为十进制
得出结果为 -67.
这里我们再我看几个例子。
从中我们可以看出， 位非操作就是对数字加一，然后取负 。我们可以写个简单的判断方法来验证。
位运算符运算结果非常有趣，在平时可以多加应用，但是一定要注意可能产生大数的预算，避免产生不必要的BUG。
这篇文章只是做了一个简单的介绍。后面有空了会做一下在实际开发中的应用，虽然我可能很久都遇不到。
JavaScript学习指南：JS入门教程
js 加号运算符使用 2021-03-26
js中加号+ 运算符可以用在一元运算 与 二元运算
1， 一元运算请况
语法： + Expression
+’号运算符作为一元运算符时，Expression将进行 ToNumber() 操作
经常使用 +a 类似的形式对变量a进行类型转换 ，如下：
const a = ‘1’;
+a // 输出为1 （变为number类型）；
ToNumber( argument )转换方式：
Undefined: return NaN，
Null：return +0，
Bollean： true return 1，false return 0,
Number: return value
String: 若字符串为纯数字时返回转换后的数字；非纯数字返回NaN
Symbol 抛出 TypeError 异常
Object 进行以下步骤：
1.先进行ToPrimitive(argument, hint Number)得到rs； 2.然后返回 ToNumber(rs)的结果。
语法： ToPrimitive ( input [, PreferredType] )
参数：
①参 input ：传入的值。
②参数 PreferredType ：可选，需要被转换的类型。 ‘+’加号作为一元运算符时，此值为“number”；而作为二元运算符时，未传递此值，以默认的“default”代替。
2. 二元运算符
2.1 解析步骤
简单概括为下面4个步骤：
1) 值进行GetValue()操作。
2) 值进行ToPrimitive()操作，
3) 若一方为String类型，2个值都进行ToString()转换，最后进行字符串连接操作。
4) 若都不是String类型，2个值都进行ToNumber()转换，最后进行算数加法运算。
2.2.1 方法签名
语法： ToPrimitive ( input [, PreferredType] )
参数：
①参 input ：传入的值。
②参数 PreferredType ：可选，需要被转换的类型。’+’加号作为一元运算符时，此值为“number”；而作为二元运算符时，未传递此值，以默认的“default”代替。
2.2.2 解析说明
ToPrimitive()的详细解析过程可以看这里：
简化为以下步骤：
（ PreferredType是为 非基础类型 决定是优先使用valueOf方法还是toString方法，对基础类型无效）,指定为number优先使用valueOf方法，指定string，优先使用toString方法
1) 若input类型为原始值(如：Undefined、Null、Boolean、Number、String、Symbol)，直接返回input的本身 。 直接忽略 PreferredType
2) 若input类型为object(如：Array、Object、Date)，将根据第②个参数 PreferredType 的值进行以下操作：
就像之前讲的，’+’加号作为一元运算符时， 传递参数 PreferredType 的值为“number”；而作为二元运算符时，未传递此值时以默认的“default”代替。
在上面的图中，只看到 PreferredType 的值为“number” 或 “string” 时才进行解析，那么默认的“default”表示什么呢？
ps： Date类型内部重写了@@toPrimitive()方法，将“default”设置为“string”，而其他内置的对象都将“default”设置为“number” 。
Date.prototype[@@toPrimitive]：
2.3 示例
1) String + String
说明：进行字符串连接操作
‘a’ + ‘b’; // = ‘ab’
‘1’ + ‘2’; // = ’12’
2) Number + Number
说明：进行算数的加法操作
1 + 2; // = 3
3) Number + String or String + Number
说明：Number类型的值先进行ToString()转换，随后再与另一个String类型的值进行拼接操作
1 + ‘0’; // = ’10’
1 + ‘0a’; // = ’10a’
‘1’ + 2; // = 12
4) Array + String or Array + Number
说明：Array类型进行ToPrimitive()转换时，先执行valueOf()，因其返回一个object类型的值，所以又执行了toString()方法。
var tmpList = [‘a’, ‘b’, ‘c’];
tmpList.valueOf(); // = [“a”, “b”, “c”] 输出自身
tmpList.toString(); // a,b,c
// 1.Array + String
tmpList + ‘d’; // = a,b,cd
// 2.重写Array的valueOf()方法，使其返回一个非object
Array.prototype.valueOf = function (e) {
return this.join(‘-‘);
}
tmpList + ‘d’; // = a-b-cd
5) Date + String or Date + Number
说明：上面已经讲过，Date类型重写了ToPrimitive()，所以先调用toString()，若返回值为object，再调用valueOf()。
var dt = new Date();
dt.valueOf(); // = 1503501745901
dt.toString(); // Wed Aug 23 2017 23:22:25 GMT+0800 (中国标准时间)
// 1.Date + String ： dt直接使用了dt.toString()方法
dt + ‘d’; // = Wed Aug 23 2017 23:22:25 GMT+0800 (中国标准时间)d
// 2.重写Date的toString()方法，使其返回一个object的值
Date.prototype.toString = function (e) {
return { year: this.getFullYear() };
}
// 略过了 dt.toString()，调用了 dt.valueOf()
dt + ‘d’; // = 1503501745901d
End
关于js运算符教程和js常用运算符的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。