如何比较JavaScript中的两个对象？

对象不像数组或字符串。因此，仅通过使用 “ ===” 或 “ ==”进行比较是不可能的。为了进行比较，我们必须首先对对象进行字符串化，然后使用 相等运算符比较对象。

在下面的示例中，对象首先被 stringified()，然后彼此比较。

示例

<html>
<body>
   <script>
      const obj1 = {Name: "Rahim", City: 'Hyderabad',Country: "India" };
      const obj2 = {Name: "Rahim", City: 'Hyderabad',Country: "India" };
      document.write(JSON.stringify(obj1) === JSON.stringify(obj2));
   </script>
</body>
</html>

输出结果

true

如果我们看下面的示例，即使重复了相同的属性，它们的顺序也不同。在这种情况下，对象比较将导致错误，如输出所示。

示例

<html>
<body>
   <script>
      const obj1 = {Name: "Rahim", City: 'Hyderabad', Country: "India" };
      const obj2 = {Name: "Rahim", Country: "India", City: 'Hyderabad', };
      document.write(JSON.stringify(obj1) === JSON.stringify(obj2));
   </script>
</body>
</html>

输出结果

false

因此，为了克服此缺点，引入了一个名为“ lodash ”的JavaScript库。它检查键/值对是否相等，但顺序不相等。

示例

在下面的示例中，lodash的“ _isEqual()”属性用于比较javascript对象。

<html>
<head>
   <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>
</head>
<body>
   <script>
      const obj1 = {Name: "Rahim", City: 'Hyderabad', Country: "India" };
      const obj2 = {Name: "Rahim", Country: "India", City: 'Hyderabad', };
      document.write(JSON.stringify(obj1) === JSON.stringify(obj2));
      document.write("</br>");
      document.write(_.isEqual(obj1, obj2));
   </script>
</body>
</html>

输出结果

false
true

基础教程