FE-Interview
FE-Interview copied to clipboard
Day5:写出执行结果,并解释原因
var a = [0];
if (a) {
console.log(a == true);
} else {
console.log(a);
}
// 写出执行结果,并解释原因
每日一题会在下午四点在交流群集中讨论,五点小程序中更新答案 欢迎大家在下方发表自己的优质见解 二维码加载失败可点击 小程序二维码
扫描下方二维码,收藏关注,及时获取答案以及详细解析,同时可解锁800+道前端面试题。
答案 false
解析 1)当 a 出现在 if 的条件中时,被转成布尔值,而 Boolean([0])为 true,所以就进行下一步判断 a == true,在进行比较时,[0]被转换成了 0,所以 0==true 为 false 数组从非 primitive 转为 primitive 的时候会先隐式调用 join 变成“0”,string 和 boolean 比较的时候,两个都先转为 number 类型再比较,最后就是 0==1 的比较了
var a = [1];
if (a) {
console.log(a == true);
} else {
console.log(a);
}
// true
!![] //true 空数组转换为布尔值是 true,
!![0]//true 数组转换为布尔值是 true
[0] == true;//false 数组与布尔值比较时却变成了 false
Number([])//0
Number(false)//0
Number(['1'])//1
2)所以当 a 出现在 if 的条件中时,被转成布尔值,而 Boolean([0])为 true,所以就进行下一步判断 a == true,在进行比较时,js 的规则是: ①如果比较的是原始类型的值,原始类型的值会转成数值再进行比较
1 == true //true 1 === Number(true)
'true' == true //false Number('true')->NaN Number(true)->1
'' = 0//true
'1' == true//true Number('1')->1
②对象与原始类型值比较,对象会转换成原始类型的值再进行比较。 ③undefined和null与其它类型进行比较时,结果都为false,他们相互比较时结果为true。
答案 false
解析 1)当 a 出现在 if 的条件中时,被转成布尔值,而 Boolean([0])为 true,所以就进行下一步判断 a == true,在进行比较时,[0]被转换成了 0,所以 0==true 为 false 数组从非 primitive 转为 primitive 的时候会先隐式调用 join 变成“0”,string 和 boolean 比较的时候,两个都先转为 number 类型再比较,最后就是 0==1 的比较了
var a = [1]; if (a) { console.log(a == true); } else { console.log(a); } // true!![] //true 空数组转换为布尔值是 true, !![0]//true 数组转换为布尔值是 true [0] == true;//false 数组与布尔值比较时却变成了 false Number([])//0 Number(false)//0 Number(['1'])//12)所以当 a 出现在 if 的条件中时,被转成布尔值,而 Boolean([0])为 true,所以就进行下一步判断 a == true,在进行比较时,js 的规则是: ①如果比较的是原始类型的值,原始类型的值会转成数值再进行比较
1 == true //true 1 === Number(true) 'true' == true //false Number('true')->NaN Number(true)->1 '' = 0//true '1' == true//true Number('1')->1②对象与原始类型值比较,对象会转换成原始类型的值再进行比较。 ③undefined和null与其它类型进行比较时,结果都为false,他们相互比较时结果为true。
数组从非 primitive 转为 primitive 的时候会先隐式调用 join 变成“0” 这一句解释应该有点问题,应该是隐式调用数组的toString方法。[0].toString() // '0', 只不过这里和[0].join() 产生一样的结果。 [0].toString() 和 [0].join(',') 和 [0].join() 都返回 '0' 顺便说一下,非 primitive 都是通过调用自身的 valueOf、和toString 来进行隐式转换的。
看3.JavaScript里什么情况下a==!a为true呢?的答案详解关于[ToPrimitive]转换
比较操作符==一边是Object的话,会调用该Object的toString方法转换成字符串的
我又看了看规范,数组的toString会调用数组自己的join方法,所以楼主说的没错

这题主要考的是js的 == 隐式转换的规则: 1.if(a)这发生的是Boolean转换规则,a为数组,toPrimitive转换调用Array的valueOf返回[0],为真进入 2. [0] == true ,根据js隐式转换规则,对象和非对象比较,toPrimitive(obj) == 非obj,即Array.prototype.valueOf([0]) == true.也就是 0 == true,又根据隐式转换规则,其他类型和boolen值比较,将boolean值toNumber进行比较,即toNumber(true) == 0,也就是 1 == 0,所以返回false.具体可以参考mdn,这块弄懂了,对以后的开发还是很有帮助的。说的不对的地方,请指出~谢谢
隐式类型转换是js的糟粕