JavaScript中的Object.is()、==和===

news/2024/7/19 15:32:45 标签: js, Object.is(), ==和===

Object.is()方法:判断两个值是否是相同的值

语法:

Object.is(value1, value2);

value1是需要比较的第一个值,value2是需要比较的第二个值

返回值:布尔值,如果两个值相同返回true,不相同返回false

这中相等性判断逻辑和传统的==运算符所用的不同,==运算符会对它两边的操作数做隐式类型转换(如果它们类型不同),然后才进行相等性比较(所以才会有类似""==false为true的现象),但Object.is不会做这种类型转换。这与===运算符也不一样,===运算符和==运算符,认为NaN不等于NaN

Object.is()判断两个值是否相同。如果下列任何一项成立,则两个值相同(其实个人认为对于基本数据类型只要两个长得一样就相同,长得不一样就不同(例如+0和-0是不相等的,NaN和NaN是相等的)),引用类型的数据两个值是要指向同一个对象[]和[]是不相等的。

嗯、总结一下吧:满足以下这几点的都是相等的

1、两个值都是null、undefined、true、false

2、两个值都是由相同个数的字符串安州相同的顺序组成的字符串

3、两个值指向同一个对象

4、两个值都是数字,并且相等(+0和-0不相等,NaN和NaN是相等的)

看下面的例子

Object.is('donna', 'donna');     // true
Object.is(window, window);   // true

Object.is('leo', 'donna');     // false
Object.is([], []);           // false
Object.is({},{});//false

var obj= { a: 1 };
Object.is(obj, obj);       // true

Object.is(null, null);       // true
Object.is(undefined, undefined);       // true

// 特例
Object.is(0, -0);            // false
Object.is(-0, -0);           // true
Object.is(NaN, 0/0);         // true

==和===是老生常谈的问题了,此处不再详细说明,下面不会特别的详细介绍,只是把易错的总结一下

只是稍微和Object.is()做例子对比一下

console.log(Object.is([123],123));//false
    console.log(Object.is({},{}));//false
    console.log(Object.is(null,null));//true
    console.log(Object.is(null,undefined));//false
    console.log(Object.is(false,0));//false
    console.log(Object.is(true,1));//false
    console.log(Object.is(NaN,NaN));//true
    console.log(Object.is(0/NaN,0/NaN));//true
    console.log(Object.is(1/NaN,0/NaN));//true
    console.log(Object.is(0/0,0/0));//true

下面的规则用于判定==运算符比较的两个值是否相等的判断条件

  • 如果两个值具有相同的类型,那么就检测它们的等同性。如果这两个值完全相同,它们就相等。如果它们不完全相同,则它们不相等。
  • 如果两个值的类型不同,它们仍然可能相等。用下面的规则和类型转换来检测它们的相等性 如果一个值是null,另一个值是undefined,它们相等。
  • 如果一个值是数字,另一个值是字符串,把字符串转换为数字,再用转换后的值进行比较。
  • 如果一个值为true,将它转化为1,再进行比较。如果一个值为false,把它转化为0,再进行比较。
  • 如果一个值是对象,另一个值是数字或字符串,将对象转换成原始类型的值,再进行比较。
 console.log([123]==123);//true
    console.log({}=={});//false
    console.log(null==null);//true
    console.log(null==undefined);//true
    console.log(false==0);//true
    console.log(true==1);//true
    console.log(NaN==NaN);//false
    console.log(0/NaN==0/NaN);//false
    console.log(0/0==0/0);//false

下面的规则用于判定===运算符比较的两个值是否相等的判断条件

  • 如果两个值的类型不同,它们就不相同。
  • 如果两个值是数字,而且值相同,那么除非其中一个或两个都是NaN(这种情况它们不是等同的),否则它们是等同的。值NaN永远不会与其他任何值等同,包括它自身(奇怪的家伙)
  • 如果两个值都是字符串,而且在字符串中同一位置上的字符完全相同,那么它们就完全等同。如果字符串的长度或内容不同,它们就不是等同的。
  • 如果两个值都是布尔型true,或者两个值都是布尔型false,那么它们等同。
  • 如果两个值引用的是同一个对象、数组或函数,那么它们完全等同。如果它们引用的是不同的对象(数组或函数),它们就不完全等同,即使这两个对象具有完全相同的属性,或两个数组具有完全相同的元素。
  • 如果两个值都是null或都是undefined,它们完全相同。
console.log([123]===123);//false
    console.log({}==={});//false
    console.log(null===null);//true
    console.log(null===undefined);//false
    console.log(false===0);//false
    console.log(true===1);//false
    console.log(NaN===NaN);//false
    console.log(0/NaN===0/NaN);//false
    console.log(0/0===0/0);//false



http://www.niftyadmin.cn/n/952035.html

相关文章

radl+ReportViewer (转)

真正的全动态报表:RDLCReportViewer作者:caeser2 源代码下载 阅读本文需要有 XML解析 及 ADO.net 相关经验。 本文编译器使用 Visual Studio 2005 数据库采用XML格式 ReportView 版本为2.0 .net版本为2.0 一、水晶报表的缺陷   Crystal Repotrs的功…

快乐工作的七则寓言

在网易论坛上看到了一篇很不错的文章,转载一下!第一则 一头老驴,掉到了一个废弃的陷阱里,很深,根本爬不上来。主人看它是老驴,懒得去救它了,让它在那里自生自灭。那头驴一开始也放弃了求生的希望…

jQuery中的attr()和prop()的区别

先看个简单的例子&#xff1a; HTML代码 <div id"container"><p>喜欢的水果</p><input type"checkbox" class"checkbox"/>苹果<br/><input type"checkbox" class"checkbox"/>橘子<b…

jQuery的deferred对象(小实例)

嗯、看例子吧&#xff08;初学&#xff0c;主要是为了理解deferred对象&#xff0c;不合理之处还请指教&#xff09; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>dfd</title><style>*…

RDLC报表(一)(转)

VS .NET开发中&#xff0c;用什么做报表&#xff1f; 可能的回答是Crystal Report&#xff0c;自.NET“紧密”集成Crystal Report后&#xff0c;这可能是开发人员比较单一的选择。但是&#xff0c;这种集成似乎并不非常紧密&#xff0c;网络上充斥着关于使用Crystal Report的抱…

RADL 报表(二)转

晕死&#xff0c;总是见到朋友们评论要GotReportViewer的实例&#xff0c;请在下面的连接中下载&#xff1a;http://www.cnblogs.com/Files/waxdoll/RDLC.rar 在这篇随笔中&#xff0c;我主要分析一下GotReportViewer上的几个经典例子&#xff0c;我们可以从中看到ReportViewer…

qt与python混合编程_QT开发(六十九)——QML与C++混合编程

QT开发(六十九)——QML与C混合编程一、QML与C混合编程简介QML与C混合编程就是使用QML高效便捷地构建UI&#xff0c;而C则用来实现业务逻辑和复杂算法。二、QML访问CQt集成了QML引擎和Qt元对象系统&#xff0c;使得QML很容易从C中得到扩展&#xff0c;在一定的条件下&#xff0c…

js数组中的find、filter、forEach、map四个方法的详解和应用实例

数组中的find、filter、forEach、map四个语法很相近&#xff0c;为了方便记忆&#xff0c;真正的掌握它们的用法&#xff0c;所以就把它们总结在一起喽。 find()&#xff1a;返回通过测试的数组的第一个元素的值 在第一次调用 callback 函数时会确定元素的索引范围&#xff0…