js不常见的运算符用法 (>、==、&&、||)

  • Post author:
  • Post category:其他


一.大于(>)

如果只有一个操作数是数值字符串,另一个数数值则转换成数值后再进行比较

eg:var box = ‘3’ > 22; //false

如果两个操作数都是数值字符串,则只会比较字符串的第一个数

eg:

var box = '3' > '22'; //true

如果两个操作数都是字符串,则比较字符的编码

eg:

var box = 'a' > 'B'; //true 

二.等于==

不需要任何转换的情况下,null 和 undefined 是相等的;

3.与运算(&&)

如果两边的操作数有一个操作数不是布尔值的情况下,与运算就不一定返回布尔值,此

时,遵循已下规则:

1.第一个操作数是对象,则返回第二个操作数;

eg:

var box = {}  && 5              //5


2.第二个操作数是对象,则第一个操作数返回 true,才返回第二个操作数,否则返回 false;

eg :

var box = (5>4) && {}   // [object object]

var box = (2>4) && {}   // false (当第一个是false的时候都不会对第二个进行运算直接就返回第一个的值了)


3.有一个操作数是 null,则返回 null(注意当地一个操作数不是null且值为false时返回的是false);

eg:

var box = (5 > 4) && null; //null
var box = (3 > 4) && null; //false
var box = null && (5 > 4) ; //null
var box = null && (3 > 4) ; //null


4.有一个操作数是 undefined,则返回 undefined。

undefined && 1
undefined
1 && undefined
undefined
0 && undefined
0

逻辑与运算符属于短路操作,顾名思义,如果第一个操作数返回是 false,第二个数不

管是 true 还是 false 都返回的 false。

三.或运算符(||)


​​​​​​

​如果两边的操作数有一个操作数不是布尔值的情况下,逻辑与运算就不一定返回布尔

值,此时,遵循已下规则:

1.第一个操作数是对象,则返回第一个操作数;

var box= {
toString:function(){
return 20
} || (5 > 3); //20


2.第一个操作数的求值结果为 false,则返回第二个操作数;

var box = (4>5) || 5 //5


3.两个操作数都是对象,则返回第一个操作数;

var box= {
toString:function(){
return 20
} || toString:function(){
return 5   //20


4.两个操作数都是 null,则返回 null;

5.两个操作数都是 NaN,则返回 NaN;

6.两个操作数都是 undefined,则返回 undefined

和逻辑与运算符相似,逻辑或运算符也是短路操作。当第一操作数的求值结果为 true,

就不会对第二个操作数求值了。



版权声明:本文为qq_34645412原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。