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

一.大于(>)

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

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,
就不会对第二个操作数求值了。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值