上面这段代码运行后得到的结果分别是什么?

发布时间 2023-11-10 16:18:35作者: 龙陌

console.log(([])?true:false);
console.log(([]false?true:false));
console.log(({}
false)?true:false)

上面这段代码运行后得到的结果分别是什么?

true true false

此题考察类型转换,三元运算符先“分清是非”,再决定今后该走哪条路,“==”运算符比较“喜欢”Number类型。
(我就不严谨地这么一说,若要刨根问底,请看《JavaScript权威指南》)
下面是题目的类型转换结果:
Boolean([]); //true
Number([]); //0
Number({}); // NaN
Number(false); //0

因此:
console.log(([])?true:fasle);// => console.log((true)?true:false);
console.log([]false?true:false); // => console.log(00?true:false);
console.log(({}false)?true:false); // => console.log((NaN0)?true:false);

《JavaScript权威指南》的部分相关知识点
“==”运算符(两个操作数的类型不相同时) 如果一个值是null,另一个值是undefined,则它们相等
如果一个值是数字,另一个值是字符串,先将字符串转换为数学,然后使用转换后的值进行比较。
如果其中一个值是true,则将其转换为1再进行比较。
如果其中的一个值是false,则将其转换为0再进行比较。
如果一个值是对象,另一个值是数字或字符串,则将对象转换为原始值,再进行比较。
对象到数字的转换
如果对象具有valueOf()方法,后者返回一个原始值,则JavaScript将这个原始值转换为数字(如果需要的话)并返回一个数字。
否则,如果对象具有toString()方法,后者返回一个原始值,则JavaScript将其转换并返回。(

对象的toString()方法返回一个字符串直接量(作者所说的原始值),JavaScript将这个字符串转换为数字类型,并返回这个数字)。
否则,JavaScript抛出一个类型错误异常。

空数组转换为数字0 数组继承了默认的valueOf()方法,这个方法返回一个对象而不是一个原始值,因此,数组到数学的转换则调用toString()方法。空数组转换为空字符串,空字符串转换为数字0.

第一题
Boolean([]) //true

布尔类型里只有这几参数个返回false,其它都为true
Boolean(undefined) // false

Boolean(null) // false

Boolean(0) // false

Boolean(NaN) // false

Boolean('') // false

第二题,和第三题

布尔类型与其它任何类型进行比较,布尔类型将会转换为number类型。

Number([])返回0所以第二题为true

Number转换类型的参数如果为对象返回的就是NaN,

那么Number({})返回的就是NaN。

通过Object.prototype.toString.call({})来判断类型,0与NaN相比为false

所以 true true false

首先,类型的转换是根据运算来转换的。

解析console.log(([])?true:false);

三目运算符的第一目是逻辑运算故第一个Boolean([])。

[],是一个对象,且不为null,故Boolean([])为true。

解析console.log(([]==false?true:false));

相等运算符强制类型转换遵循以下规则。

1.存在布尔值转化为Number

2.一个操作数是Number一个是String的情况下,String转Number(有相应规则)。

3.有一个是Object另一个是其他的情况下,调用valueof。然后再根据以上规则继续转换。

但是这里的[],调用valueof的值还是自身,故这里会调用toString(当对象强转,调用valueof返回自身的时候,就会调用toString,不懂为什么,但是亲测有这样的结果。)。结果为""(空字符串),然后false转0,然后空串转0,结果相等。

解析console.log(({}==false)?true:false)

这个不用多说,{}在==下强转为"[object Object]",false转0,"[object Object]"再转NaN,NaN与任何东西比较均返回不相等

考察点:条件(三元)运算符运算规则、Boolean()转换规则、比较运算符==转换规则、对象与原始值之间的转换

一、相关规则    


1、条件运算符运算规则:条件判断时使用Boolean的隐式转换,即调用Boolean();    


2、Boolean()转换规则:直观上为“空”的值(如0、空字符串''、null、undefined和NaN)将变为false,其他值变成true。    


3、比较运算符==的转换规则:当对不同类型的值进行比较时,JavaScript 会首先将其转化为数字(number)再判定大小。    


4、对象与原始值之间的转换算法:如果存在则调用obj[Symbol.toPrimitive](hint),否则尝试obj.valueOf()和obj.toString()    


二、代码解析    


1、①[]属于对象,Boolean(对象)为true。②true?true:false,结果为true    


2、①[]==false, 即Number([])==Number(false)。②左边为([]).toString()='', Number('')=0,最终比较的是0==0,即为true。③Boolean(true)为true。④true?true:false,结果为true    


3、①{}==false,即Number({})==Number(0),。②左边为({}).toString()='[object Object]', Number('[object Object]')=NaN,最终比较的是NaN==0,即为false。③Boolean(false)为false。④false?true:false,结果为false 

逻辑语句中隐私类型转换,使用 == 比较中的5条规则:

规则 1:NaN和其他任何类型比较永远返回false(包括和他自己)
规则 2:Boolean 和其他任何类型比较,Boolean 首先被转换为 Number 类型。
规则 3:String和Number比较,先将String转换为Number类型
规则 4:null == undefined比较结果是true,除此之外,null、undefined和其他任何结果的比较值都为false
规则 5:原始类型和引用类型做比较时,引用类型会依照ToPrimitive规则转换为原始类型

优先级依次降低