js 比较两个对象的值,不相等就push对象的key

在JavaScript中,比较两个对象(object)的值并找出不相等的key,可以通过多种方法实现。下面是一些常用的方法:

方法1:使用JSON.stringify

这种方法适用于简单的对象,其中对象的值是基本类型或可以直接序列化为JSON的对象。

function findDifferences(obj1, obj2) {
    const keys1 = Object.keys(obj1);
    const keys2 = Object.keys(obj2);
    const differences = [];
 
    // 比较每个key
    keys1.forEach(key => {
        if (obj1[key] !== obj2[key]) {
            differences.push(key);
        }
    });
 
    // 检查obj2是否有在obj1中不存在的key,并且这些key的值也不相等(反向检查)
    keys2.forEach(key => {
        if (!keys1.includes(key) && obj2[key] !== obj1[key]) {
            differences.push(key);
        }
    });
 
    return differences;
}
 
const obj1 = { a: 1, b: 2 };
const obj2 = { a: 1, b: 3 };
console.log(findDifferences(obj1, obj2)); // 输出: ['b']

方法2:递归比较对象(适用于嵌套对象)

如果对象中包含嵌套对象,则需要递归地比较它们的每个属性。

function deepCompare(obj1, obj2) {
    const keys1 = Object.keys(obj1);
    const keys2 = Object.keys(obj2);
    const differences = [];
 
    // 比较每个key的值
    keys1.forEach(key => {
        if (!obj2.hasOwnProperty(key)) {
            differences.push(key); // key在obj2中不存在
        } else if (typeof obj1[key] === 'object' && typeof obj2[key] === 'object') {
            differences.push(...findDifferences(obj1[key], obj2[key]).map(k => `${key}.${k}`)); // 递归比较并标记路径
        } else if (obj1[key] !== obj2[key]) {
            differences.push(key); // 值不相等
        }
    });
 
    // 检查obj2中是否有在obj1中不存在的key,并且这些key的值也不相等(反向检查)
    keys2.forEach(key => {
        if (!keys1.includes(key)) {
            differences.push(key); // key在obj1中不存在,但可能在obj2中有值,认为是差异
        }
    });
 
    return differences;
}
 
function findDifferences(obj1, obj2) {
    return deepCompare(obj1, obj2);
}
 
const obj1 = { a: 1, b: { c: 2, d: 3 } };
const obj2 = { a: 1, b: { c: 2, d: 4 } };
console.log(findDifferences(obj1, obj2)); // 输出: ['b.d']

方法3:使用lodashisEqualomitBy函数(使用第三方外部库)

如果倾向于使用一个成熟的库来处理这类问题,lodash是一个不错的选择。isEqual可以用来深度比较两个对象,而omitBy可以用来过滤掉相等的属性。

const _ = require('lodash'); // 确保已安装lodash库 npm install lodash
 
function findDifferences(obj1, obj2) {
    const diffKeys = _.omitBy(_.merge({}, obj1, obj2), (value, key) => _.isEqual(value, obj1[key])); // 获取不相等的键值对,但不包括相等的键值对。注意:这种方法在某些情况下可能不会完全准确(例如,当对象结构不同时),因为它试图合并两个对象。对于简单的差异检测,你可能需要自定义逻辑来处理嵌套对象的差异。
    return Object.keys(diffKeys); // 返回所有不相等的键的数组。
}
最后: 

对于嵌套对象的精确比较,可能需要自定义逻辑来处理嵌套结构的不同。例如,可以使用递归方法来精确地比较每个嵌套对象的属性。上面的deepCompare方法就是一个例子。

选择哪种方法取决于具体的开发需求,比如对象的复杂度、是否允许使用外部库等。对于简单的键值对比较,直接使用方法一,复杂一些的,可以参考方法二和方法三。

你可能感兴趣的:(javascript,前端,开发语言)