各种空与true的相等操作符

题目如下

console.log(([])?true:false); 
console.log([]==false); 
console.log([]==true); 
console.log({}==false); 
console.log({}==true); 
console.log({}=="[object Object]"); 
答案在底部

解析

首先是空数组 [] ,这里需对应各种数据类型转换为Boolean的规则,任何对象都转换为true,只有null为false;故空对对象{}也为true

各种数据类型转换为Boolean的规则
数据类型 转换为true的值 转换为false的值
Boolean true false
String 任何非空字符串 ""(空字符串)
Number 任何非零数字值(包括无限大) 0和NaN
Object 任何对象 null
Undefined 不适用 undefined
后两个对应 相等操作符的规则
  • 相等和不相等,先转换再比较;全等与不全等,仅比较不转换
  • 布尔值,false转为0,true转为1;故1==true --> true; 但2==true --> false;'3'==true --> false;(==这里和Boolean转换有较大差别==)
  • 字符串与数值比较,字符串先转换为数值
  • 对象与非对象比较,先调用对象的valueOf() --->valueOf需深入研究,见参考
  • null与undefined相等,且在比较相等性之前,两者不能转换为其他任何值
  • 有NaN就是不相等,NaN == NaN -->false

注:操作数转化为基本数据类型,优先调用valueOf,若得到基本数据类型,则结束,否则继续调用toString()。(也就是说valueOf的优先级高于toString())

执行过程解析

({}==true);({}==false) 转换执行过程
1.true转换为1;false转换为0
2.({}).valueOf() ---> {}
3.({}).toString() ---> "[object Object]"  注意前objec的o为小写,后Object的O为大写
({})=="[object Object]" ---> true
4.Number("[object Object]") ---> NaN
5.NaN==1;NaN==0  都是false
所以({}==true);({}==false) 都是false


[]==true ; []==false 转换执行过程
1.true转换为1;false转换为0
2.[].valueOf() ---> []
3.[].toString() ---> ""
4.Number("") ---> 0
5.0==1;0==0
所以[]==true ---> false;[]==false ---> true
为啥{}要用括号括起来才能调用.valueof()等方法,否则报错"Unexpected token .",而[]就不会

Boolean转换与相等操作 区别


console.log((3)?true:false);            true
console.log((3==true)?true:false);      false *
console.log((3==false)?true:false);     false *
上面3替换为'3',结果一样,字符串和数字比较先用Number()转换

console.log(({})?true:false);           true
console.log(({}==true)?true:false);     false *
console.log(({}==false)?true:false);    false *

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

console.log(('')?true:false);           false
console.log((''==true)?true:false);     false
console.log((''==false)?true:false);    true

参考资料

  1. js红宝书p26-p27,p51-p52
  2. 深入理解toString()和valueOf()函数

toString和valueOf这两个函数在转换的时候都是可能被调用的,只是在不同的环境下,调用的优先级不一样而已。这些对于我们程序员来说,可能是透明的,但是对于解释器说,它们干的活可就多了...一句话归结:解释器总是根据语境尽可能的转化为我们想要的结果。换句话说:对象在作为操作数时,解释器总是优先调用valueOf()--(Date类型的对象在二元“+”运算时例外),而其他情况,解释器总是认为我们想要的是字符串,所以会优先调用toString()。

注:Date类型的对象之所以会在二元+运算时优先调用toString(),也是因为我们大多数情况下, 时间总是和字符串连接使用,而时间和一个数字相加的情况好少,所以Date类型中,toString()优先级才比较高。

==写这篇文章就是为了表明基础知识的重要性,并非追求一个稀奇古怪的程序,程序员追求的应该是通俗易懂的代码(大道至简)而不是这些看起来四不像的程序,切记本末倒置!==

我觉得不管顺序如何,核心还是要转换为基本数据类型,但我感觉valueOf貌似大多数情况都没有转换为基本类型,还是要靠toString








最上面答案

true,true,false,false,false,true;

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,689评论 0赞 13
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,181评论 19赞 139
  • 运算符是处理数据的基本方法,用来从现有的值得到新的值。JavaScript 提供了多种运算符,本章逐一介绍这些运算...
    许先生__阅读 743评论 0赞 3
  • 特别说明,为便于查阅,文章转自https://github.com/getify/You-Dont-Know-JS...
    杀破狼real阅读 572评论 0赞 0
  • D - Maximum Product UVA - 11059 Given a sequence of integ...
    Nioge阅读 243评论 0赞 0

友情链接更多精彩内容