码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-08-16 19:33:15      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:运算符   sof   就是   nan   define   温故而知新   相等   表数   字符串类   

坦白说,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 方法相同。
Boolean Boolean 值。
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

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

 

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

标签:运算符   sof   就是   nan   define   温故而知新   相等   表数   字符串类   

原文地址:https://www.cnblogs.com/xzsz/p/9488732.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!