深度比较是编程中一个非常重要的问题。许多情况下，我们需要比较两个对象是否相等，并且不同的属性可能有不同的比较方式。
在前端开发中，我们经常需要和各种结构化的数据打交道，比如 JSON 数据、DOM 元素及其属性、React 组件等。这些数据结构通常很复杂，而且不同的场景需要不同的比较方式。这时候一个好用的工具就显得尤为重要了。
npm 包 deep-equal-extended 就提供了一种通用的比较方法，它支持深层次的比较，并可以自定义属性比较规则。这篇文章就来介绍一下如何使用这个 npm 包。
安装
使用 npm 安装 deep-equal-extended：
npm install deep-equal-extended
基本用法
使用 deep-equal-extended 的主要函数是 deepEqual。它有两个参数，分别是需要比较的两个对象。如果两个对象相等，则返回 true，否则返回 false。
下面是一个示例：
const deepEqual = require('deep-equal-extended');
const obj1 = { name: { first: 'John', last: 'Doe' }, age: 30 };
const obj2 = { name: { first: 'John', last: 'Doe' }, age: 30 };
const obj3 = { name: { first: 'John', last: 'Doe' }, age: 40 };
console.log(deepEqual(obj1, obj2)); // true
console.log(deepEqual(obj1, obj3)); // false这个例子中，我们定义了三个对象：obj1、obj2 和 obj3，它们都有一个名为 name 的属性，其中又包含 first 和 last 两个属性，还有一个名为 age 的属性。我们使用 deepEqual 函数比较 obj1 和 obj2，返回了 true；比较 obj1 和 obj3，返回了 false。
自定义比较规则
deep-equal-extended 还支持自定义比较规则。比如我们可以定义一个规则，只对 name 属性进行比较，而忽略 age 属性。
要实现这个功能，我们可以使用 deepEqual.set 方法来定义一个新的比较规则。这个方法有两个参数，第一个参数是要比较的属性名，第二个参数是比较函数。比较函数接收两个参数，分别是要比较的两个值，如果这两个值相等，则返回 true，否则返回 false。
下面是一个示例：
-- -------------------- ---- -------
----- --------- - -------------------------------
--------------------- --- -- -- -
-- -- -- -- -
------ ------- --- ------- -- ------ --- -------
- ---- -
------ - --- --
-
---
----- ---- - - ----- - ------ ------- ----- ----- -- ---- -- --
----- ---- - - ----- - ------ ------- ----- ----- -- ---- -- --
--------------------------- ------- -- ----在这个示例中，我们使用 deepEqual.set 方法定义了一个新的比较规则，指定了只比较 name 属性。比较 obj1 和 obj2 的 name 属性时，调用了自定义的比较函数，返回了 true。
高级用法
deep-equal-extended 还提供了一些其他的高级用法，比如比较数组、比较 Date 对象等。为了更好地掌握这些用法，建议阅读一下官方文档。
总结
使用 npm 包 deep-equal-extended 使得比较复杂的对象变得简单易用，并具有很高的灵活性。通过自定义比较规则，我们可以根据实际需求定制比较方式。更进一步地，deep-equal-extended 还提供了丰富的高级用法，满足各种场景的比较需求。学习并使用这个工具对于开发高质量的前端应用是非常有意义的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/deep-equal-extended