在 JS 和 TS 中使用 IsEqual 比较值：深入指南

前端

2023-12-23 13:21:36

在 JavaScript（JS）和 TypeScript（TS）的世界中，值比较是开发人员日常生活中不可或缺的一部分。然而，由于 JS 灵活的类型系统和广泛使用的引用数据类型，使用简单的三等号（===）来比较值有时会遇到陷阱。

本文旨在深入探讨在 JS 和 TS 中使用 IsEqual 方法比较值的细微差别，提供一个全面的指南，帮助开发人员在处理值比较时做出明智的决策。

引用类型与基本类型：比较的陷阱

在 JS 中，变量可以存储引用类型和基本类型值。引用类型（如对象和数组）存储对底层数据的引用，而基本类型（如数字、字符串和布尔值）则直接存储实际值。

当比较引用类型的值时，三等号（===）检查两个变量是否引用同一个对象。这意味着，即使两个对象具有相同的值，如果它们不是同一个对象，则它们将被认为不相等。

另一方面，基本类型的值是按值比较的。这意味着，如果两个变量具有相同的值，则它们将被认为相等，即使它们存储在不同的内存位置。

例如：

const obj1 = { name: "John" };
const obj2 = { name: "John" };

console.log(obj1 === obj2); // false
console.log(1 === 1); // true

IsEqual 方法：深入比较

为了解决引用类型比较的局限性，JS 和 TS 引入了 IsEqual 方法，它提供了更灵活和可定制的比较选项。IsEqual 方法接受两个参数：要比较的两个值和一个可选的比较函数。

比较函数是一个回调函数，它接收要比较的两个值并返回一个布尔值，指示它们是否相等。如果没有提供比较函数，则将使用默认的比较算法。

const isEqual = require("lodash.isequal");

console.log(isEqual(obj1, obj2)); // true
console.log(isEqual(1, 1)); // true

IsEqual 方法还可以用来比较嵌套对象和数组，前提是提供一个适当的比较函数。例如：

const nestedObj1 = {
  name: "John",
  address: {
    street: "Main Street",
    city: "New York",
  },
};

const nestedObj2 = {
  name: "John",
  address: {
    street: "Main Street",
    city: "New York",
  },
};

const isEqual = require("lodash.isequal");

console.log(isEqual(nestedObj1, nestedObj2)); // true