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

Created on 22 Jun 2020  ·  4Comments  ·  Source: lgwebdream/FE-Interview

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

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

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

Most helpful comment

答案
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 来进行隐式转换的。

All 4 comments

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

```js
!![] //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 的规则是:
①如果比较的是原始类型的值,原始类型的值会转成数值再进行比较
```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'])//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 来进行隐式转换的。

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

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

Was this page helpful?
0 / 5 - 0 ratings