JavaScript 对象的四种方式比较

最新推荐文章于 2024-07-22 16:58:27 发布

姑老爷呀

最新推荐文章于 2024-07-22 16:58:27 发布

阅读量4.1k

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/pfourfire/article/details/125032501

版权

本文探讨了JavaScript中比较对象的四种方法：引用比较、手动比较、浅层比较和深层比较。引用比较关注对象实例，而手动、浅层和深层比较则涉及对象内容。手动比较适合简单对象，浅层比较处理多数属性，而深层比较适用于处理嵌套对象，确保所有层级的属性和值都相等。推荐使用Node内置的`util.isDeepStrictEqual`或`lodash.isEqual`库进行深度比较。

摘要由CSDN通过智能技术生成

前言

比较 JavaScript 中的值非常简单，只需用相等运算符即可，例如严格相等运算符：

'a' === 'c'; // => false
1   === 1;   // => true

但是对象却有结构化的数据，所以比较起来比较困难。在本文中，你将学习如何正确比较 JavaScript 中的对象。

1. 引用比较

JavaScript 提供了 3 种方法来对值进行比较：

严格相等运算符 ===
宽松相等运算符 ==
Object.is() 函数

当使用上述任何一种方法比较对象时，只有在比较的值引用了相同的对象实例时，比较的结果为 true。这就是_参照相等性_。

让我们定义对象 hero1 和 hero2 ，并查看实际中的参照相等性：

 const hero1 = {
   name: 'Batman'
 };
 const hero2 = {
   name: 'Batman'
 };
 
 hero1 === hero1; // => true
 hero1 === hero2; // => false

 hero1 == hero1; // => true
 hero1 == hero2; // => false
 
 Object.is(hero1, hero1); // => true
 Object.is(hero1, hero2); // => false

hero1 === hero1 的计算结果为 true，因为两个操作数均指向了同一个对象实例 hero1。

另一方面，hero1 === hero2 的计算结果为 false，因为 hero1 和 hero2 是不同的对象实例。

有意思的是，hero1 和 hero2 对象的内容是相同的：两个对象都有一个 name 属性，它的其值是 'Batman'。