在前端开发中，经常需要比较两个对象是否相等。但 JavaScript 中的“相等”并不容易判断。例如，两个数组内容一致但引用不同的数组既不是全等也不是松散相等的。为了方便地解决这个问题，可以使用 npm 包 jv-deep-equal。
jv-deep-equal 是一个小型的 JavaScript 库，它可以深度比较两个对象是否相等。它支持任意深度的嵌套，可以正确地判断除了函数和 Symbol 以外的所有数据类型。
安装
使用 npm 安装 jv-deep-equal：
npm install jv-deep-equal
安装完毕后，你可以在你的项目中使用它。
使用示例
使用 jv-deep-equal 只需要调用它的 deepEqual 方法，传入要比较的两个对象即可。
下面是一个示例：
const deepEqual = require('jv-deep-equal');
const a = { x: 1, y: [1, 2, 3], z: { foo: 'bar' } };
const b = { x: 1, y: [1, 2, 3], z: { foo: 'bar' } };
const c = { x: 1, y: [1, 2, 3], z: { foo: 'baz' } };
console.log(deepEqual(a, b)); // 输出 true
console.log(deepEqual(a, c)); // 输出 false在这个例子中，我们定义了三个对象 a、b、c，其中 a 和 b 内容完全一致，c 和 a 内容不同。我们调用 jv-deep-equal 的 deepEqual 方法来比较它们，得出了预期的结果。
高级使用
除了简单比较两个对象，jv-deep-equal 还提供了一些高级用法。下面是一些例子：
忽略某些属性
有时候，我们只想比较对象的部分属性，而忽略其他属性。可以使用 opts.ignore 参数实现这个功能。
下面是一个例子：
const deepEqual = require('jv-deep-equal');
const a = { x: 1, y: [1, 2, 3], z: { foo: 'bar' } };
const b = { x: 1, y: [1, 2, 3], z: { foo: 'baz' } };
console.log(deepEqual(a, b, { ignore: ['z'] })); // 输出 true，忽略了 z 属性在这个例子中，我们定义了两个对象 a 和 b，它们的 z 属性不同。我们调用 deepEqual 方法时，通过 opts.ignore 参数指定忽略 z 属性，得出了预期的结果。
定义自定义比较器
如果需要比较的对象包含复杂的数据类型（例如 Map、Set 或 Date），那么 jv-deep-equal 可能无法正确比较它们。在这种情况下，可以自定义比较器来实现比较。
下面是一个例子：
-- -------------------- ---- -------
----- --------- - -------------------------
----- ---- - --- ---------- -----
----- ---- - --- ---------- -----
----- ---- - --- ---------- -----
----- ------- - -
------------------ -
---- --- -- -- -
-- ------- --- ------- -
------ ------
-
--- ------ ----- ------ -- -- -
-- ------------ -- ---------------------- ------- -
------ ------
-
-
------ -----
--
--
--
--------------------------- ----- ---------- -- -- ------------- --- --
--------------------------- ----- ---------- -- -- -------------- --- --在这个例子中，我们定义了三个 Map 对象，并通过 options.customComparators 参数定义了一个 Map 类型的自定义比较器。当比较器检测到两个对象的类型为 Map 时，会调用自定义比较器进行比较。
总结
jv-deep-equal 是一个小巧而实用的 npm 包，它可以深度比较两个对象是否相等。在项目中使用 jv-deep-equal 可以方便地解决 JavaScript 中“相等”判断的问题。此外，jv-deep-equal 还支持自定义比较器和忽略属性等高级用法，可以满足更为复杂的比较需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ef94c49986ca68d87d1