在前端开发中，比较两个变量的值是一个非常基础且普遍的操作。然而，由于 JavaScript 的动态类型和隐式类型转换，直接使用 == 或者 === 进行比较时会引发很多不可预见的问题，可能会导致代码出现 bug。因此，我们需要使用一些工具来帮助我们进行比较操作。
其中，一个优秀的 npm 包就是 robust-compare，它可以帮助我们进行安全、准确的比较操作。下面我们就来介绍一下如何使用它。
安装和引入
首先，我们需要使用 npm 进行安装：
--- ------- --------------
安装完成后，在项目中引入该包：
----- ------- - --------------------------
基本使用
robust-compare 提供了一个函数 compare，用于比较两个值的大小。它的使用方式与标准的 Array.prototype.sort 函数的排序规则相同：如果返回值小于 0，则第一个参数排在前面；如果返回值等于 0，则两个参数相等；如果返回值大于 0，则第二个参数排在前面。
下面是一个简单的示例：
---------------------- ---- -- -- ---------------------- ---- -- - ---------------------- ---- -- -
深入使用
在实际开发中，我们经常需要比较复杂的数据结构，如对象或数组。robust-compare 也提供了对这些数据结构的支持。
对象比较
当比较两个对象时，robust-compare 首先会比较它们的键的数量和类型。如果不同，则直接返回比较它们的数量和类型的结果。如果相同，则逐一比较它们的键和值。
----- - - - ---- -- ---- - -- ----- - - - ---- -- ---- - -- ---------------------- ---- -- --
上面的例子中，a 和 b 的键名和键值都不相同，因此 compare 直接返回比较它们的数量和类型的结果 -1。
如果两个对象的键名和键值都相同，但顺序不同，compare 仍然会将它们视为不同的对象。
----- - - - ---- -- ---- - -- ----- - - - ---- -- ---- - -- ---------------------- ---- -- --
如果要比较两个对象的键值对是否相同，可以使用 JSON.stringify 方法将它们转换成字符串后再比较。
----- - - - ---- -- ---- - -- ----- - - - ---- -- ---- - -- -------------------------------------- -------------------- -- -
数组比较
当比较两个数组时，robust-compare 首先会比较它们的长度。如果不同，则直接返回比较它们的长度的结果。如果相同，则逐一比较它们的元素。
----- - - --- --- ----- - - --- --- ---------------------- ---- -- --
上面的例子中，a 和 b 的第二个元素不同，因此 compare 直接返回 -1。
如果两个数组的元素数量和值都相同，但顺序不同，compare 仍然会将它们视为不同的数组。
----- - - --- --- ----- - - --- --- ------------------- ----------------------------------------------------------- ---------- ---------------------------------------------------------------------------------------