在前端开发中，我们常常需要比较两个 JavaScript 对象是否相等。然而，JavaScript 中的对象比较并不像基本数据类型那么简单。尤其当对象包含嵌套的复杂数据结构时，相等的判断变得更加困难。npm 包 deep-equal-in-any-order （以下简称 deep-equal） 是一个可以比较两个 JavaScript 对象是否深度相等的工具。相较于原生相等判断，deep-equal 在使用时更加便捷，支持任意数组、对象及嵌套结构的比较。
安装
我们可以通过 npm 安装 deep-equal：
npm install --save deep-equal-in-any-order
示例
-- -------------------- ---- -------
----- - ------------------- - - -----------------------------------
----- ---- - --- -- ---
----- ---- - --- -- ---
------------------------------------- ------- -- ----
----- ---- - -
-- --
-- --- ---
-- -
-- -
-
--
----- ---- - -
-- --
-- --- ---
-- -
-- -
-
--
------------------------------------- ------- -- ----deep-equal 的使用非常简单，只需要调用它的方法 deepEqualInAnyOrder() 并传入要比较的对象即可。 这里的 arr1 和 arr2 是两个数组，我们可以使用 deep-equal 作深度比较来判断它们是否具有相同的元素，即 1、2、3。这些元素在两个数组中的顺序不同，但是在 deep-equal 的帮助下，我们无需考虑它们的顺序，仍然可以判断数组是否相等。同样地，我们还可以比较两个嵌套的对象，它们也可以深度相等而不考虑嵌套层次或顺序。
深度比较
不同于原生的 ===或== 判断，deep-equal 通过递归深度比较两个对象的所有属性，包括嵌套的数组和对象。它支持比较两个对象的属性顺序无关，并且会自动忽略对象上的原型链属性。例如：
-- -------------------- ---- -------
----- ---- - -
-- --
-- -
--
----- ---- - -
-- --
-- -
--
----- ---- - -
-- --
-- --
-- -
-- -
-
--
----- ---- - -
-- -
-- -
--
-- --
-- -
--
------------------------------------- ------- -- ----
------------------------------------- ------- -- ----在这个例子中，我们比较了 obj1 和 obj2 以及 obj3 和 obj4。这两对对象包含相同的属性，但其中的属性排列顺序不同。由于 deep-equal 支持属性顺序无关，因此它们比较后都返回了 true。
数组比较
deep-equal 也支持任意数组、对象及嵌套结构的比较。通过使用比较器选项（即第三个参数），我们可以指定一个特殊的比较器来比较数组中的元素。例如：
-- -------------------- ---- -------
----- - ------------------- - - -----------------------------------
----- ---- - -
-
-- --
-- -
--
-
-- --
-- -
-
--
----- ---- - -
-
-- --
-- -
--
-
-- --
-- -
-
--
----- ------- - --- -- -- --- --- ----
------------------------------------- ----- - ------- ---- -- ----在这个示例中，我们首先定义了两个数组，它们包含两个对象。尽管这两个对象的属性排列顺序不同，我们可以通过 deep-equal 判断这两个数组的元素是相等的。为了使用一个特定的比较器 equalFn 来比较我们的自定义对象，我们将它传递给 deepEqualInAnyOrder() 的选项中。这里的 equalFn 函数需要定义我们的比较规则。在我们的示例中，equalFn 函数依赖于 a 属性的值是否相等，因此只要在这两个对象之间只比较 a 属性，就可以判断两个数组是否相等了。
总结
在本文中，介绍了 npm 包 deep-equal-in-any-order 的使用方法和常见应用场景。 学习和使用 deep-equal 可以更方便地进行任意类型嵌套的对象和数组的比较，可以大大提高前端开发工作中的效率。同时， deep-equal 中还有其他可供定制的选项，将帮助我们更好地发挥它的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f30ecf03b0ab45f74a8bce3