name optimize is not defined 怎么解决_Web前端：怎么在JavaScript中比较对象？

大家好，我来了，本期为大家带来的前端开发知识是”Web前端：怎么在JavaScript中比较对象？“，有兴趣做前端的朋友，一起来看看吧！

比较JavaScript中的原始值很简单。您需要做的是使用任何可用的等价运算符，例如严格相等运算符：

对象具有结构化数据，因此比较起来比较困难。在本文中，您将学习如何正确比较JavaScript中的对象。

1.参照相等

JavaScript提供了3种比较值的方法：

松散相等运算符 ===
严格相等运算符 ==
Object.is() 功能

使用这些对象中的任何一个进行对象比较时，true只有在比较值指向同一对象实例时，比较的结果才为。这就是参照相等。

让我们定义2个对象hero1和hero2，并在实践中查看引用相等性：

hero1 === hero1true由于两个操作数都指向同一个对象实例，因此求值hero1。

另一方面，由于操作数和是不同的对象实例，因此hero1 === hero2求值为。 falsehero1hero2

有趣的是hero1，hero2对象具有相同的内容：两个对象都有一个name具有value的属性'Batman'。尽管如此，即使比较相同结构的对象，其结果也hero1 === hero2为false。

当您想比较对象引用而不是它们的内容时，引用相等很有用。但是，在大多数情况下，您想比较对象的实际内容：属性及其值。

让我们看看如何通过对象的内容比较对象是否相等。

2.手动比较

按内容比较对象的明显方法是访问属性并手动比较它们。

例如，让我们编写一个isHeroEqual()比较两个英雄对象的特殊函数：

isHeroEqual()访问name两个对象的属性并进行比较。

如果被比较的对象具有一些属性，我喜欢isHeroEqual()手动编写比较函数。它们具有良好的性能：比较中只涉及少数几个属性访问者和相等运算符。

手动比较需要手动提取属性-对于简单对象，这不是问题。但是，要比较较大的对象（或结构未知的对象），手动比较不方便，因为它需要大量样板代码。

让我们看看对象的浅层平等如何提供帮助。

3.浅薄的平等

在对象的浅层相等检查期间，您必须获取属性列表（使用Object.keys()），然后检查属性的值是否相等。

这是对象的浅层相等检查的可能实现：

在函数内部，keys1并且keys2是包含相应的属性名称数组object1和object2。

for循环遍历的密钥，并且每个属性的比较object1和object2是否相等object1[k1] !== object2[k2]。

现在，使用浅等式可以检查许多属性的对象：

shallowEqual(hero1, hero2)true之所以返回，是因为对象hero1和hero2具有相同的属性（name和realName）和相同的值。

在另一边，shallowEqual(hero1, hero3)回报false因为hero1和hero3具有不同的属性。

但是JavaScript中的对象可以嵌套。不幸的是，在这种情况下，浅浅的平等并不能很好地发挥作用。

让我们对具有其他嵌套对象的对象执行浅表相等：

这个时候，即使这两个对象hero1，并hero2具有相同的内容，shallowEqual(hero1, hero2)返回false。

发生这种情况是因为嵌套的对象hero1.address和hero2.address是不同的对象实例。因此，浅等式认为 hero1.address且hero2.address是不同的值。

解决嵌套对象的问题有助于对对象进行深度相等性检查。

4.深层平等

深度相等检查有助于对包含其他对象（也称为嵌套对象）的对象执行相等检查。

深层平等检查类似于对象的浅层平等检查，不同之处在于，当一个属性具有一个对象时，另一个递归浅层平等检查将在该对象上开始。

让我们看一下深度相等检查的实现：

高亮显示的行areObjects && !deepEqual(val1, val2)指示一旦检查的属性是对象，则递归调用开始以验证嵌套对象是否也相等。

现在，我们使用deepEquality()来比较具有嵌套对象的对象：

深度相等函数正确地确定hero1并hero2具有相同的属性和值，包括嵌套对象hero1.address和的相等性hero2.address。

深入比较的对象，我建议使用isDeepStrictEqual（object1，对象2）的节点内置util模块或_.isEqual（object1，对象2）的lodash库。

5.总结

的参考平等（使用===，==或Object.is()）确定操作数是否是同一物体的实例。

手动检查对象是否相等需要对属性值进行手动比较。尽管此检查需要手动编写属性检查，但由于其简单性，我经常发现此方法很方便。

当被比较的对象具有许多属性或在运行时确定对象的结构时，更好的方法是使用浅层检查。

如果比较的对象具有嵌套对象，则进行深度相等检查是一种方法。

希望我的帖子可以帮助您了解检查JavaScript中对象的细节。

JSON.stringify(object1) === JSON.stringify(object2)用于比较对象的主要问题是什么？

原著作者：德米特里·帕夫鲁汀

文章来源：国外

原著链接：

Dmitri Pavlutin Blogdmitripavlutin.com

PS：原著文章内容为英文版本，建议使用360极速浏览器进行翻译阅读。