如何找到嵌套JSON对象中的差异并突出显示它们

function findJsonDifferences(obj1, obj2, path = '') {
  let differences = [];

  if (typeof obj1 !== typeof obj2) {
    differences.push({
      path,
      value1: obj1,
      value2: obj2
    });
    return differences;
  }

  if (typeof obj1 === 'object') {
    for (let key in obj1) {
      if (obj1.hasOwnProperty(key)) {
        const newPath = path ? `${path}.${key}` : key;
        if (!obj2.hasOwnProperty(key)) {
          differences.push({
            path: newPath,
            value1: obj1[key],
            value2: undefined
          });
        } else {
          const nestedDifferences = findJsonDifferences(obj1[key], obj2[key], newPath);
          differences = differences.concat(nestedDifferences);
        }
      }
    }

    for (let key in obj2) {
      if (obj2.hasOwnProperty(key) && !obj1.hasOwnProperty(key)) {
        const newPath = path ? `${path}.${key}` : key;
        differences.push({
          path: newPath,
          value1: undefined,
          value2: obj2[key]
        });
      }
    }
  } else {
    if (obj1 !== obj2) {
      differences.push({
        path,
        value1: obj1,
        value2: obj2
      });
    }
  }

  return differences;
}

// 示例用法
const json1 = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York',
    country: 'USA'
  }
};

const json2 = {
  name: 'John',
  age: 35,
  address: {
    city: 'New York',
    country: 'Canada'
  }
};

const differences = findJsonDifferences(json1, json2);

console.log(differences);

[
  { path: 'age', value1: 30, value2: 35 },
  { path: 'address.country', value1: 'USA', value2: 'Canada' }
]