在前端开发过程中，我们常常需要比较两个对象是否相等。但是在 JavaScript 中，对象的相等与一般的值类型相等意义上有所不同，因为对象即使是数据相同，也可能在内存中的地址不一样。因此我们需要使用特定的方式来比较对象。
在 WordPress 中，有一个非常优秀的 npm 包 @wordpress/is-shallow-equal，可以用来比较两个对象的值是否相同。该包将会比较所有的属性值，但不会比较对应属性值的类型。@wordpress/is-shallow-equal 底层使用的是浅比较。
接下来，我们将详细介绍 @wordpress/is-shallow-equal 包的使用。
安装
npm i @wordpress/is-shallow-equal
使用
@wordpress/is-shallow-equal 包提供了两个比较函数：isShallowEqual 和 isShallowEqualObjects。
使用 isShallowEqual 函数
该函数用来比较两个非对象值的相等性，如字符串、数字、布尔值等。示例代码如下：
import { isShallowEqual } from '@wordpress/is-shallow-equal';
console.log(isShallowEqual(1, 1)); // true
console.log(isShallowEqual('hello', 'hello')); // true
console.log(isShallowEqual(false, false)); // true使用 isShallowEqualObjects 函数
该函数用来比较两个对象的相等性。示例代码如下：
import { isShallowEqualObjects } from '@wordpress/is-shallow-equal';
console.log(isShallowEqualObjects({ a: 1, b: 2 }, { a: 1, b: 2 })); // true
console.log(isShallowEqualObjects({ a: 1, b: 2 }, { b: 2, a: 1 })); // true
console.log(isShallowEqualObjects({ a: 1, b: 2, c: false }, { a: 1, b: 2, c: true })); // false
console.log(isShallowEqualObjects({ a: { b: 1 }, c: 2 }, { c: 2, a: { b: 1 } })); // true使用 isShallowEqualObjects 函数时，需要注意以下几点：
- 该函数是浅比较，即比较的是两个对象的引用，而非内容。
- 如果对象的属性值为
null或者undefined，则认为它和任何对象是相等的。 - 如果对象的属性值是正则表达式，函数或者自定义对象，则可能会比较失真。
总结
使用 @wordpress/is-shallow-equal 可以让我们更加方便地比较两个对象是否相等。使用该包需要注意它是浅比较，对于对象属性值是自定义对象、函数或者正则表达式时，比较结果可能与预期的不一致。
使用模块后可以提高开发效率，减少不必要的错误，使代码更加清晰。同时也可以提高代码的可读性以及可维护性，避免代码被不必要地修改。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f2e04cb3b0ab45f74a8bc15