比较JavaScript对象的四种方式

当我们需要比较两个 JavaScript 对象时，有四种方法可供选择。

1. 使用 JSON.stringify() 将对象转换为字符串比较

我们可以使用 JSON.stringify() 方法将对象转换为字符串，然后进行比较。这种方法的优点是简单易懂，适用于大多数情况。但是，它无法比较对象内部的属性顺序。

下面是使用 JSON.stringify() 方法将两个对象转换为字符串并进行比较的示例：

const obj1 = { name: 'Tom', age: 20 };
const obj2 = { age: 20, name: 'Tom' };

if (JSON.stringify(obj1) === JSON.stringify(obj2)) {
  console.log('obj1 and obj2 are equal');
} else {
  console.log('obj1 and obj2 are not equal');
}

2. 使用递归比较对象内部属性

我们可以编写递归函数来比较对象的每个属性。该方法较为复杂，但可以比较属性的顺序。

下面是使用递归函数比较两个对象的示例：

function deepCompare(obj1, obj2) {
  // 匹配原始数据类型及 null
  if (obj1 === obj2) {
    return true;
  }

  // 判空以及判断类型是否相等
  if (obj1 == null || obj2 == null || typeof obj1 !== 'object' || typeof obj2 !== 'object') {
    return false;
  }

  // 获取两个对象的属性名
  const keys1 = Object.keys(obj1);
  const keys2 = Object.keys(obj2);

  // 如果属性名数目不同，代表两个对象不相等
  if (keys1.length !== keys2.length) {
    return false;
  }

  // 比较两个对象的每个属性是否相等
  for (const key of keys1) {
    if (!keys2.includes(key) || !deepCompare(obj1[key], obj2[key])) {
      return false;
    }
  }

  return true;
}

const obj1 = { name: 'Tom', age: 20 };
const obj2 = { age: 20, name: 'Tom' };

if (deepCompare(obj1, obj2)) {
  console.log('obj1 and obj2 are equal');
} else {
  console.log('obj1 and obj2 are not equal');
}

3. 使用 underscore.js 的 isEqual() 方法比较

underscore.js 是一个 JavaScript 工具库，其中包含了许多实用的方法。其 isEqual() 方法可以用于比较两个对象是否相等。

下面是使用 isEqual() 方法比较两个对象和其属性的示例：

const _ = require('underscore');

const obj1 = { name: 'Tom', age: 20 };
const obj2 = { age: 20, name: 'Tom' };

if (_.isEqual(obj1, obj2)) {
  console.log('obj1 and obj2 are equal');
} else {
  console.log('obj1 and obj2 are not equal');
}

4. 使用 lodash 的 isEqual() 方法比较

与 underscore.js 类似，lodash 也是一个 JavaScript 工具库。其 isEqual() 方法与 underscore.js 中的方法类似，同样可以用于比较两个对象是否相等。

下面是使用 isEqual() 方法比较两个对象和其属性的示例：

const _ = require('lodash');

const obj1 = { name: 'Tom', age: 20 };
const obj2 = { age: 20, name: 'Tom' };

if (_.isEqual(obj1, obj2)) {
  console.log('obj1 and obj2 are equal');
} else {
  console.log('obj1 and obj2 are not equal');
}

以上就是“比较 JavaScript 对象的四种方式”的攻略，希望能对你有所帮助！