FE-Interview icon indicating copy to clipboard operation
FE-Interview copied to clipboard

Day5:写出执行结果,并解释原因

Open Genzhen opened this issue 5 years ago • 6 comments

var a = [0];
if (a) {
  console.log(a == true);
} else {
  console.log(a);
}
// 写出执行结果,并解释原因

每日一题会在下午四点在交流群集中讨论,五点小程序中更新答案 欢迎大家在下方发表自己的优质见解 二维码加载失败可点击 小程序二维码

扫描下方二维码,收藏关注,及时获取答案以及详细解析,同时可解锁800+道前端面试题。

Genzhen avatar Jun 22 '20 12:06 Genzhen

答案 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。

Genzhen avatar Jun 22 '20 12:06 Genzhen

答案 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。

数组从非 primitive 转为 primitive 的时候会先隐式调用 join 变成“0” 这一句解释应该有点问题,应该是隐式调用数组的toString方法。[0].toString() // '0', 只不过这里和[0].join() 产生一样的结果。 [0].toString() 和 [0].join(',') 和 [0].join() 都返回 '0' 顺便说一下,非 primitive 都是通过调用自身的 valueOf、和toString 来进行隐式转换的。

fanerge avatar Sep 28 '20 08:09 fanerge

3.JavaScript里什么情况下a==!a为true呢?的答案详解关于[ToPrimitive]转换

slbyml avatar Oct 20 '20 09:10 slbyml

比较操作符==一边是Object的话,会调用该Object的toString方法转换成字符串的 我又看了看规范,数组的toString会调用数组自己的join方法,所以楼主说的没错 image

liuyuan22 avatar Mar 17 '21 13:03 liuyuan22

这题主要考的是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,这块弄懂了,对以后的开发还是很有帮助的。说的不对的地方,请指出~谢谢

SnailOwO avatar Nov 16 '21 12:11 SnailOwO

隐式类型转换是js的糟粕

wangmeijian avatar Mar 01 '23 11:03 wangmeijian