在前端开发过程中，我们往往需要比较两个对象的差异，判断它们是否相同。常见的方法是通过深度比较或浅度比较来实现，其中浅度比较不考虑对象属性中的嵌套结构，只检查是否拥有相同属性值。为了方便开发人员使用浅度比较，便产生了 npm 包 shallow-equals。
安装
你可以在命令行中输入以下指令安装 shallow-equals：
--- ------- --------------
使用
使用 shallow-equals 的方法很简单，只需要引入它来比较两个对象的相等性即可。
------ ------------- ---- ----------------- ----- ---- - - ----- ------ ---- -- -- ----- ---- - - ----- -------- ---- -- -- ----- ---- - - ----- ------ ---- -- -- ------------------------------- ------- -- ----- ------------------------------- ------- -- ----
在上述代码中，我们先定义了三个对象，然后通过 shallow-equals 比较两两之间的相等性，发现只有 obj1 和 obj3 是相等的，返回值为 true。这说明 shallow-equals 可以有效识别对象属性值的相等性。
原理分析
现在，我们来分析一下 shallow-equals 是如何识别对象属性值的相等性的。
shallow-equals 的比较方式是基于 JavaScript 中的“全等运算符”进行的，全等运算符比较时会考虑数据类型和数值，如果两个对象之间的类型和数值完全相等，则它们是全等的。
但是，无论是深度比较还是浅度比较，都需要解决 JavaScript 中对象嵌套结构的问题。针对这个问题，shallow-equals 采用了浅度遍历的方式，逐层比较对象中的属性是否相等。
如果两个对象的类型不同，那么它们肯定是不同的；如果它们类型相同但是属性值不同，那么它们也是不同的。只有所有属性值都相同的情况下，对象才可能是相等的。
总结
shallow-equals 是一个非常实用的 npm 包，可以帮助开发人员快速高效地比较两个对象的相同性。使用浅度比较不仅可以提高运行效率，还可以避免潜在的错误。在实际开发过程中，我们可以通过浅度比较来检查对象属性值的变化，及时发现问题，并作出相应的处理措施。
参考代码
--- ----------- - ------------- -
-- ------- --- --- --------- -------
-- -- --- ------------------
--- ------ - --- ---------- ----- - -- - ---
---- --------- --- ------
--- ---- --- -- ---- -
-- ------------------------- -
----------- - ---------
-
-
------ -------
--
--- ------- - -
----- --
---- -
-- --
-- --
--
--
--- ------- - ---------------------
------------------- --- --------- -- -----
----------------------- --- ------------- -- ------- ----------- ----- -----------来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/73449