浅谈JavaScript空数组[]和空对象{}的布尔运算

51 阅读 0 评论 34 点赞

我是靠谱客的博主可爱雪糕，最近开发中收集的这篇文章主要介绍浅谈JavaScript空数组[]和空对象{}的布尔运算，觉得挺不错的，现在分享给大家，希望可以做个参考。

空数组[]和空对象{}都是object类型：

console.log(typeof []); // 控制台输出：object
console.log(typeof {}); // 控制台输出：object

空数组[]转化为Number，会得到0；空对象{}转化为Number，会得到NaN：

console.log(Number([])); // 控制台输出0
console.log(Number({})); // 控制台输出NaN

实例：

if ([])
console.log(1);
if ({})
console.log(2);
if ([] == false)
console.log(3);
if ({} == false)
console.log(4);

控制台输出：1 2 3

分析：

（1）空数组[]和空对象{}都是object类型，因此直接用于if判断条件时就会被转化为true。

（2）任意值与布尔值比较，都会将两边的值转化为Number。

如果将空数组[]与布尔值false比较，false转化为0，而空数组[]也转化为0，因此[] == false的判断得到true。
如果将空对象{}与布尔值false比较，false转化为0，而空对象{}转化为NaN，由于NaN与任何数都不相等，因此{} == false的判断得到false。

更多实例：

console.log(([0]) ? true : false); // true
console.log(([0] == false) ? true : false); // true
console.log(({x:0} == false) ? true : false); // false

分析：

[0]直接用于if判断条件时会被转化为true。

与布尔值比较，都会将两边的值转化为Number，[0]转换为0，{x:0}转换为NaN。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。