当前位置: 首页 > news >正文

JS中逻辑运算符中 == 的问题

坦白说,js中的==比数学中的==更有深度,不愧是被称为“最糟糕的特效”之一。

查了大量资料,感谢前辈们。在此,为了温故而知新,总结一下:

一.记住 == 运算的规则:

(1)undefined == null,结果是true。且它俩与所有其他值比较的结果都是false。

  假如你打算把一个变量赋予对象类型的值,但是现在还没有赋值,那么你可以用null表示此时的状态(证据之一就是typeof null 的结果是object);

  相反,假如你打算把一个变量赋予原始类型的值,但是现在还没有赋值,那么你可以用undefined表示此时的状态。

①Undefined类型和Null类型的都只有一个值,即undefined和null,都是空值,所以undefined == null的结果是true是很合理的。

②在强制转换方法里面:

转换为数值类型:Number(mix)、parseInt(string,radix)、parseFloat(string)

转换为字符串类型:toString(radix)、String(mix)

转换为布尔类型:Boolean(mix)

也没有谁能转换成它们两者,所以它俩与所有其他值比较的结果都是false。

 

(2)String == Boolean,需要两个操作数同时转为Number。  

(3)String/Boolean == Number,需要String/Boolean转为Number。

  (2)和(3)中String、Blooean、Number三种类型是除undefined和null外的基本数据类型。

  这三种两两比较都先转成Number再对比结果。

  而Boolean只有两个值:true和false,转换成Number: true-->1  false-->0

  栗子如下:

 

//字符串与数字的对比
  console.log('1' == 1); //true
//字符串与布尔值的对比
  console.log('0' == false); //true
//数字与布尔值的对比
  console.log(1 == true); //true


//数字与数字的对比
  console.log(1 == 1); //true

//布尔值与布尔值的对比
  console.log(false == false); //true
// 字符串与字符串的对比
  console.log('1' == '1'); //true
  console.log('4a' == 'f'); //false

 

注意字符串之间的对比,如果不是纯数字字符串,字符串之间的对比是根据ASCII表数值排列,如果第一个值相等,对比第二个...只要得出ASCII值,后面不必再对比。一般而言,字符串对比两者需要一模一样才能相等。

字符串比较特殊:

        console.log(Number(null));    //0
        console.log(Number(undefined));    //NaN
        console.log(Number(''));        //0
        console.log(Number(' '));    //0
        console.log(Number(0));        //0
        console.log(Number('头好晕'));        //NaN
        console.log(Number('0.0'));        //0
        console.log(Number('100px'));    //NaN
        console.log(Number('-10'));    //-10
//规律:Number() 只支持数字字符串,除了空字符串,空格字符串;

 

 

(4)Object == Primitive,需要Object转为Primitive(具体通过valueOf()和toString()方法)。

  toString()方法用来得到对象的一段文字描述;而valueOf()方法用来得到对象的特征值。  

  顾名思义,toString()方法倾向于返回一个字符串。valueOf()方法根据规范中的描述,它倾向于返回一个数字——尽管内置类型中,valueOf()方法返回数字的只有Number和Date。

                              下表列出了对象的valueOf()的返回值:

对象返回值
Array数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操作与 Array.toString 和 Array.join 方法相同。
BooleanBoolean 值。
Date存储的时间是从 1970 年 1 月 1 日午夜开始计的毫秒数 UTC。
Function函数本身。
Number数字值。
Object对象本身。这是默认情况。
String字符串值。

  •                                                                                            toString(radix)方法。除undefined和null之外的所有类型的值都具有toString()方法,其作用是返回对象的字符串表示。

对象操作
Array将 Array 的元素转换为字符串。结果字符串由逗号分隔,且连接起来。
Boolean如果 Boolean 值是 true,则返回 “true”。否则,返回 “false”。
Date返回日期的文字表示法。
Error返回一个包含相关错误信息的字符串。
Function返回如下格式的字符串,其中 functionname 是被调用 toString 方法函数的名称:function functionname( ) { [native code] }
Number返回数字的文字表示。
String返回 String 对象的值。
默认返回 “[object objectname]”,其中 objectname 是对象类型的名称。

当一个对象与一个非对象比较时,需要将对象转化为原始类型,布尔类型变成数字类型。

举个栗子:console.log([''] == false); //true

(1) 首先,两个操作数分别是对象类型、布尔类型。需要将布尔类型转为数字类型,而false转为数字的结果是0,所以表达式变为:[''] == 0 ,两个操作数变成了对象类型、数字类型。

(2) 需要将对象类型转为原始类型:

  首先调用[].valueOf(),由于数组的valueOf()方法返回自身,所以结果不是原始类型,继续调用[].toString()。

  对于数组来说,toString()方法的算法,是将每个元素都转为字符串类型,然后用逗号,依次连接起来,所以最终结果是空字符串'',它是一个原始类型的值。

  此时,表达式变为:'' == 0 ,两个操作数变成了字符串类型、数字类型。

(3) 需要将字符串类型转为数字类型,前面说了空字符串变成数字是0。于是表达式变为:0 == 0 

  结果明显是true。

 

再举个栗子:console.log({} == false);//false

  console.log({}.valueOf());//{}
  console.log({}.toString());//'[object Object]''
  console.log({} == false);//false

 

二.补充:

1.JS中如何确定六大数据类型?

(1)以原始类型和复杂类型而言:
原始类型(Primitive)包括:Undefined、Null、Boolean、Number和String五种原始类型、对象类型(Object)。

 

(2)以typeof获得类型:Undefined、Function、Boolean、Number、String和Object。

 

2.js中基本数据类型和引用数据类型的区别?

JS基本数据类型的变量存放的是基本类型数据的实际值;而引用数据类型的变量保存对它的引用,即指针。

(1)JS基本数据类型:null、undefined、number、boolean、string比较特殊
(2)引用数据类型:function object array
如:

var a = 11;
var b = a;
b = 12;
console.log(a); //11==> a的值不会随b值得改变而改变

var c = [1,2,3];
var d = a;
c[0] = 2;
console.log(d[0]) //2==> b的值随着a的值改变而改,因为他们指向同一个内存地址

 

 

 

 3.强制转换:

Number(mix)函数,可以将任意类型的参数mix转换为数值类型。其规则为:

(1)如果是布尔值,true和false分别被转换为1和0
(2)如果是数字值,返回本身。
(3)如果是null,返回0.
(4)如果是undefined,返回NaN。
(5)如果是字符串,遵循以下规则:
1、如果字符串中只包含数字,则将其转换为十进制(忽略前导0)
2、如果字符串中包含有效的浮点格式,将其转换为浮点数值(忽略前导0)
3、如果是空字符串,将其转换为0
4、如果字符串中包含非以上格式,则将其转换为NaN
(6)如果是对象,则调用对象的valueOf()方法,然后依据前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,再次依照前面的规则转换返回的字符串值。

parseInt(string, radix)函数,将字符串转换为整数类型的数值。它也有一定的规则:

(1)忽略字符串前面的空格,直至找到第一个非空字符
(2)如果第一个字符不是数字符号或者负号,返回NaN
(3)如果第一个字符是数字,则继续解析直至字符串解析完毕或者遇到一个非数字符号为止
(4)如果上步解析的结果以0开头,则将其当作八进制来解析;如果以x开头,则将其当作十六进制来解析
(5)如果指定radix参数,则以radix为基数进行解析

parseFloat(string)函数,将字符串转换为浮点数类型的数值。

它的规则与parseInt基本相同,但也有点区别:字符串中第一个小数点符号是有效的,另外parseFloat会忽略所有前导0,如果字符串包含一个可解析为整数的数,则返回整数值而不是浮点数值。

String(mix)函数,将任何类型的值转换为字符串,其规则为:

(1)如果有toString()方法,则调用该方法(不传递radix参数)并返回结果
(2)如果是null,返回”null”
(3)如果是undefined,返回”undefined”

Boolean(mix)函数,将任何类型的值转换为布尔值:

以下值会被转换为false:
false、”"、0、NaN、null、undefined,
其余任何值都会被转换为true。

 

 

原文参考以下两位大大:

https://www.cnblogs.com/yangyang63963/p/5916396.html

https://www.cnblogs.com/Juphy/p/7085197.html

若有错误,欢迎斧正!!!

 

转载于:https://www.cnblogs.com/xzsz/p/9488732.html

相关文章:

  • Apache2.2.x版本不支持PFS,无法通过ATS的问题
  • 惰性计算辨析
  • 洛谷P4016 负载平衡问题(费用流)
  • JavaWeb-JSPELJSTL
  • list、dict、str虽然是Iterable,却不是Iterator
  • jQuery(一)
  • C# 中类和结构的区别
  • vue-cli 3.0 初体验
  • 谷歌 Fuchsia 上手体验,将取代Android/win10
  • dokcer安装gitlab
  • mysql启动失败
  • mybatis 源码分析二
  • 聊聊sentinel的DegradeSlot
  • 前端UI框架选择区别对比推荐
  • 解压缩软件居然还有多种工作模式!长见识了
  • 【腾讯Bugly干货分享】从0到1打造直播 App
  • 2017届校招提前批面试回顾
  • Asm.js的简单介绍
  • el-input获取焦点 input输入框为空时高亮 el-input值非法时
  • EventListener原理
  • JSDuck 与 AngularJS 融合技巧
  • leetcode388. Longest Absolute File Path
  • swift基础之_对象 实例方法 对象方法。
  • 彻底搞懂浏览器Event-loop
  • 程序员最讨厌的9句话,你可有补充?
  • 猴子数据域名防封接口降低小说被封的风险
  • 入职第二天:使用koa搭建node server是种怎样的体验
  • 删除表内多余的重复数据
  • 没有任何编程基础可以直接学习python语言吗?学会后能够做什么? ...
  • ​Distil-Whisper:比Whisper快6倍,体积小50%的语音识别模型
  • #if 1...#endif
  • #NOIP 2014#day.2 T1 无限网络发射器选址
  • #调用传感器数据_Flink使用函数之监控传感器温度上升提醒
  • #我与Java虚拟机的故事#连载07:我放弃了对JVM的进一步学习
  • ()、[]、{}、(())、[[]]命令替换
  • (2)STL算法之元素计数
  • (二)hibernate配置管理
  • (离散数学)逻辑连接词
  • (排序详解之 堆排序)
  • (篇九)MySQL常用内置函数
  • (入门自用)--C++--抽象类--多态原理--虚表--1020
  • (推荐)叮当——中文语音对话机器人
  • (转)总结使用Unity 3D优化游戏运行性能的经验
  • .【机器学习】隐马尔可夫模型(Hidden Markov Model,HMM)
  • .bat批处理(六):替换字符串中匹配的子串
  • .NET Micro Framework初体验
  • .net redis定时_一场由fork引发的超时,让我们重新探讨了Redis的抖动问题
  • .NET 将混合了多个不同平台(Windows Mac Linux)的文件 目录的路径格式化成同一个平台下的路径
  • .NET 设计一套高性能的弱事件机制
  • .NET分布式缓存Memcached从入门到实战
  • ::
  • ??在JSP中,java和JavaScript如何交互?
  • []Telit UC864E 拨号上网
  • [AHOI2009]中国象棋 DP,递推,组合数
  • [bzoj 3124][sdoi 2013 省选] 直径