简介
比较两个 JavaScript 对象是否相同是前端开发中非常常见的操作。而 npm 包 comparejs 可以帮助我们更方便地进行对象之间的比较，从而提高开发效率。本篇文章将对 comparejs 的使用进行详细讲解。
安装
使用 npm 进行安装：
npm install comparejs --save
使用
comparejs 主要提供了 compare 和 isEqual 两个方法。
compare
-- -------------------- ---- ------- ----- ------- - --------------------- ----- ---- - - ---- ------ ---- --- -- ----- ---- - - ---- ------ ---- --- -- ------------------------- ------- -- ----
compare 方法将两个对象作为参数传入，并返回一个布尔值，表示两个对象是否相同。对象中的每个属性值都将被比较，并根据其类型进行比较。
isEqual
const isEqual = require('comparejs/isEqual');
const arr1 = [1, 2, 3];
const arr2 = [1, 2, 3];
console.log(isEqual(arr1, arr2)); // trueisEqual 方法可以用于比较两个基本类型的值，例如数字、字符串、布尔值、null、undefined，以及数组之间的值是否相等。如果两个值相等，返回 true，否则返回 false。
示例
下面是一个示例，展示了如何使用 comparejs 对表单数据进行比较。
-- -------------------- ---- ------- ----- ------- - --------------------- ----- ------------ - - --------- ------ --------- ------ ---- --- -- -- ---------- ----- -------- - - --------- ------ --------- ------ ---- --- -- -- --------------- -- ----------------------- ---------- - ------------------------ -
在上面的例子中，我们模拟了一个表单提交的过程，将原始数据存储在 originalData 中，表单提交后的数据存储在 formData 中。使用 compare 方法比较这两个数据是否相同。因为 password 属性值不同，所以输出提示信息：表单数据发生变化。
总结
使用 npm 包 comparejs 可以方便地比较 JavaScript 对象、基本类型、以及数组等。在实际开发中，我们可以结合表单提交的数据，使用 comparejs 比较数据是否发生变化，从而更好地维护数据的一致性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb682b5cbfe1ea0611552