如何在JavaScript中比较两个前端对象的内容是否完全相同？

在JavaScript中，比较两个前端对象内容是否完全相同通常涉及到深拷贝和属性比较。这里有两个常见的方式：

1. 使用JSON.stringify()和JSON.parse()：

function areObjectsEqual(obj1, obj2) {
  return JSON.stringify(obj1) === JSON.stringify(obj2);
}

这种方法适用于对象内部不含循环引用的情况。

2. 自定义递归深度比较函数：

function deepCompare(obj1, obj2) {
  if (obj1 === obj2) return true;
  if (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 (let key of keys1) {
    if (!deepCompare(obj1[key], obj2[key])) return false;
  }
  
  return true;
}

const obj1 = { a: 1, b: { c: 2 } };
const obj2 = { a: 1, b: { c: 2 } };

console.log(deepCompare(obj1, obj2)); // 输出 true

这个方法会递归地检查每个键值对是否相等，包括嵌套的对象。