的用法和作用介绍,js运算符单竖杠

在js开发应用中我们通常会碰到“|”与“||”了,那么在运算中“|”与“||”是什么意思呢?

在js开发应用中我们通常会碰到“|”与“||”了,那么在运算中“|”与“||”是什么意思呢?

在js开发应用中我们通常会碰到“|”与“||”了,那么在运算中“|”与“||”是什么意思呢?

在js整数操作的时候,相当于去除小数点,parseInt。在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil()
注:

 

在js整数操作的时候,相当于去除小数点,parseInt。在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil()
注:

  1. Math.ceil()用作向上取整。
  2. Math.floor()用作向下取整。
  3. Math.round() 我们数学中常用到的四舍五入取整。

 

  1. Math.ceil()用作向上取整。
  2. Math.floor()用作向下取整。
  3. Math.round() 我们数学中常用到的四舍五入取整。
console.log(0.6|0)//0
console.log(1.1|0)//1
console.log(3.65555|0)//3
console.log(5.99999|0)//5
console.log(-7.777|0)//-7

在js整数操作的时候,相当于去除小数点,parseInt。在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil()
注:

console.log(0.6|0)//0
console.log(1.1|0)//1
console.log(3.65555|0)//3
console.log(5.99999|0)//5
console.log(-7.777|0)//-7

单竖杠的运算规则

  1. Math.ceil()用作向上取整。
  2. Math.floor()用作向下取整。
  3. Math.round() 我们数学中常用到的四舍五入取整。

单竖杠的运算规则

看了上面的例子,大体知道单竖杠可以进行取整运算,就是只保留正数部分,小数部分通过拿掉,但是“|0”,又是如何进行运算的呢,为什么能“|0”能达到取整的目的呢?单竖杠不是0有会是多少呢?

console.log(0.6|0)//0
console.log(1.1|0)//1
console.log(3.65555|0)//3
console.log(5.99999|0)//5
console.log(-7.777|0)//-7

看了上面的例子,大体知道单竖杠可以进行取整运算,就是只保留正数部分,小数部分通过拿掉,但是“|0”,又是如何进行运算的呢,为什么能“|0”能达到取整的目的呢?单竖杠不是0有会是多少呢?

带着这些问题,我们看下面例子:

单竖杠的运算规则

带着这些问题,我们看下面例子:

console.log(3|4); //7
console.log(4|4);//4
console.log(8|3);//11
console.log(5.3|4.1);//5
console.log(9|3455);//3455

看了上面的例子,大体知道单竖杠可以进行取整运算,就是只保留正数部分,小数部分通过拿掉,但是“|0”,又是如何进行运算的呢,为什么能“|0”能达到取整的目的呢?单竖杠不是0有会是多少呢?

console.log(3|4); //7
console.log(4|4);//4
console.log(8|3);//11
console.log(5.3|4.1);//5
console.log(9|3455);//3455

这里面提到了单竖杠“|”但是没有javascript的。

带着这些问题,我们看下面例子:

这里面提到了单竖杠“|”但是没有javascript的。

好吧,我在这里公布答案吧。其实单竖杠“|”就是转换为2进制之后相加得到的结果。例如我们拿简单的举例:

console.log(3|4); //7
console.log(4|4);//4
console.log(8|3);//11
console.log(5.3|4.1);//5
console.log(9|3455);//3455

好吧,我在这里公布答案吧。其实单竖杠“|”就是转换为2进制之后相加得到的结果。例如我们拿简单的举例:

3|4

这里面提到了单竖杠“|”但是没有javascript的。

3|4
转换为二进制之后011|100 相加得到111=7

转换为二进制之后011|100  相加得到111=7

好吧,我在这里公布答案吧。其实单竖杠“|”就是转换为2进制之后相加得到的结果。例如我们拿简单的举例:

4|4
转换为二进制之后100 |100 相加得到100=4

4|4

3|4
转换为二进制之后011|100  相加得到111=7

8|3
转换为二进制之后1000 |011 相加得到1011=11

转换为二进制之后100 |100  相加得到100=4

4|4
转换为二进制之后100 |100  相加得到100=4

以此类推,我在这里就不一一列举了,单竖杠“|”运算就是转换为2进制之后相加得到的结果!

8|3

8|3
转换为二进制之后1000 |011  相加得到1011=11

JS 双竖线运算符

转换为二进制之后1000 |011  相加得到1011=11

以此类推,我在这里就不一一列举了,单竖杠“|”运算就是转换为2进制之后相加得到的结果!

1、JS双竖线运算符:是或比较.如null||’1′,返回’1′;’2’||’1′,返回’2′.即或运算符中,第一个为真,后面的就不用计算了.所以得’2’。

以此类推,我在这里就不一一列举了,单竖杠“|”运算就是转换为2进制之后相加得到的结果!

JS 双竖线运算符

2、js 中 使用双竖线运算符”||”,返回第一个有效值

JS 双竖线运算符

1、JS双竖线运算符:是或比较.如null||’1′,返回’1′;’2’||’1′,返回’2′.即或运算符中,第一个为真,后面的就不用计算了.所以得’2’。

var objOne =
undefined
|| 1 || null || new Date();
var objTwo = new Date();
var objThree = objOne || objTwo;
alert(objThree.toString()); //out put “1”

1、JS双竖线运算符:是或比较.如null||’1′,返回’1′;’2’||’1′,返回’2′.即或运算符中,第一个为真,后面的就不用计算了.所以得’2’。

2、js 中 使用双竖线运算符”||”,返回第一个有效值
 

总结

2、js 中 使用双竖线运算符”||”,返回第一个有效值

var objOne = undefined || 1
|| null || new Date(); 
var objTwo = new Date(); 
var objThree = objOne || objTwo; 
alert(objThree.toString()); //out put “1”

性能上的比较

var objOne = undefined || 1 || null || new Date(); 
var objTwo = new Date(); 
var objThree = objOne || objTwo; 
alert(objThree.toString()); //out put "1"

总结

逻辑运算符&& ||
中,如果&&的第一个运算数是false,就不再考虑第二个运算数,直接返回false;如果||的第一个运算数是true,也不再考虑第二个运算数,直接返回true。而&和|运算符却不是这样的,它们总是要比较两个运算数才得出结果,因而性能上&&和||会比&和|好。

总结

性能上的比较

功能用法

性能上的比较

逻辑运算符&& ||
中,如果&&的第一个运算数是false,就不再考虑第二个运算数,直接返回false;如果||的第一个运算数是true,也不再考虑第二个运算数,直接返回true。而&和|运算符却不是这样的,它们总是要比较两个运算数才得出结果,因而性能上&&和||会比&和|好。

&&和||只能进行逻辑运算,而&和|除了可以进行”逻辑运算”外,还可以进行位运算

逻辑运算符&& ||
中,如果&&的第一个运算数是false,就不再考虑第二个运算数,直接返回false;如果||的第一个运算数是true,也不再考虑第二个运算数,直接返回true。而&和|运算符却不是这样的,它们总是要比较两个运算数才得出结果,因而性能上&&和||会比&和|好。

功能用法

位运算

功能用法

&&和||只能进行逻辑运算,而&和|除了可以进行”逻辑运算”外,还可以进行位运算

&和|本是位运算符,之所以可以进行”逻辑运算”,是由于JS是无类型的语言、各数据类型可以自由转换这一特性决定的,当用&和|进行”逻辑运算”时,实际上true被转换成1,false被转换成0,再进行逐位运算:

&&和||只能进行逻辑运算,而&和|除了可以进行”逻辑运算”外,还可以进行位运算

位运算

document.write(true & false); //JS,结果为0

位运算

&和|本是位运算符,之所以可以进行”逻辑运算”,是由于JS是无类型的语言、各数据类型可以自由转换这一特性决定的,当用&和|进行”逻辑运算”时,实际上true被转换成1,false被转换成0,再进行逐位运算:

上面这句,实例等同于逻辑运算被转化成下面的位运算,并执行:

&和|本是位运算符,之所以可以进行”逻辑运算”,是由于JS是无类型的语言、各数据类型可以自由转换这一特性决定的,当用&和|进行”逻辑运算”时,实际上true被转换成1,false被转换成0,再进行逐位运算:

document.write(true & false); //JS,结果为0

document.write(1 & 0); //JS,结果为0

document.write(true & false); //JS,结果为0

上面这句,实例等同于逻辑运算被转化成下面的位运算,并执行:

也正是由于&和|是逐位运算符,才出现了第一点中所说的,它们总是要比较两个运算数才得出结果,才导致性能会比&&和||低一些。

上面这句,实例等同于逻辑运算被转化成下面的位运算,并执行:

document.write(1 & 0); //JS,结果为0

document.write(1 & 0); //JS,结果为0

也正是由于&和|是逐位运算符,才出现了第一点中所说的,它们总是要比较两个运算数才得出结果,才导致性能会比&&和||低一些。

也正是由于&和|是逐位运算符,才出现了第一点中所说的,它们总是要比较两个运算数才得出结果,才导致性能会比&&和||低一些。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

  • 详解JavaScript中|单竖杠运算符的使用方法