JS中的运算符优先级

1

(),. 圆括号,点运算
2 !,++,——,-+ 非,自加,自减,
3 *,/,% 乘,除,取余
4 +,- 加,减
5 >,<,>=,<= 大于,小于,大于等于,小于等于
6 ==,===,!=,!== 值相等,类型相等,值不等,类型不等,
7 && 逻辑与
8 || 逻辑或
9

条件

10 =,+=,-=,*=,/=,%= 赋值,加赋值,减赋值,乘赋值,除赋值,取余赋值

PS:这是一部分常用的,还有位运算没有列上去

1
2
var arr = new Array();
// 或 var arr = [];

我们知道,初始化后,即使数组arr中没有元素,也是一个object。

1
2
typeof arr;
// "object"

既然是object,用于判断条件时就会被转化为true

1
2
if(arr)console.log("it's true");
// it's true

但是,如果将arr与布尔值比较:

1
2
3
4
arr == false;
// true
arr == true;
// false

可是,如果把arr转化为Boolean,的确是true:

1
2
Boolean(arr);
// true

那arr与布尔值比较时,到底发生了什么?

原来,任意值与布尔值比较,都会将两边的值转化为Number。

如arr与false比较,false转化为0,而arr为空数组,也转化为0:

1
2
3
4
Number(false)
// 0
Number(arr)
// 0

所以,当空数组作为判断条件时,相当于true。当空数组与布尔值直接比较时,相当于false。

也就出现了以下令人绕圈的现象:

1
2
[] == ![];
// true

如何避免数组与布尔值比较时出现的坑呢?可以先把数组转化为布尔值:

1
2
Boolean(arr) == true;
// true

有同学问:

1
new Array() == [];

必须是false,就和new Array() == new Array()一样。是不同的两个对象。

但有个问题很奇怪:

1
2
3
4
5
6
7
new Array(1) == false;
// true
 
// 或
 
[undefined] == false;
// true

这个怎么解释呢?Number(new Array(1))为什么会是0呢?

posted @ 2019-09-02 20:51  不落之波  阅读(1267)  评论(0编辑  收藏  举报