javascript - 两个对象之间的差异并添加缺失值

Question

如何检查两个对象之间的差异并添加缺失值？

示例:https://jsfiddle.net/aca0hdv9/

 var defaultOptions = {
         monit : {
            map:{
                googleMap: false
            },
            vehiclesList: {
                rightSide: false,
                number: true,
                driver: true,
                note: true,
            },
            vehicleCloud: {
                speed: true,
                date: true,
                alarms: true,
                fuelsCloud: true
            },
            driverCloud: true
     };

var userCacheOptions = {
        monit : {
                // Missing map options
            vehiclesList: {
                rightSide: false,
                number: false,
                driver: false
                // Missing note option
            },
            vehicleCloud: {
                speed: true,
                date: true,
                alarms: true,
                fuelsCloud: true
            },
            // Missing driverCloud option
         }
    };

我不想分配默认值，我只想添加缺失值。知道如何以最简单的方式做到这一点吗？

Answer 1

您可以使用 Object.keys获取所有可枚举的键。从那里开始，您只需对它们进行迭代。

var defaultOptions = {
  monit: {
    map: {
      googleMap: false
    },
    vehiclesList: {
      rightSide: false,
      number: true,
      driver: true,
      note: true,
    },
    vehicleCloud: {
      speed: true,
      date: true,
      alarms: true,
      fuelsCloud: true
    },
    driverCloud: true
  }
};

var userCacheOptions = {
  monit: {
    // Missing map options
    vehiclesList: {
      rightSide: false,
      number: false,
      driver: false
        // Missing note option
    },
    vehicleCloud: {
      speed: true,
      date: true,
      alarms: true,
      fuelsCloud: true
    }
    // Missing driverCloud option
  }
};

function fillBlanks(receiver, giver) {
  var receiverkeys = Object.keys(receiver);
  var giverkeys = Object.keys(giver);
  for(var i = 0; i < giverkeys.length; i++) {
    if(typeof receiver[giverkeys[i]] != typeof giver[giverkeys[i]]) {
      receiver[giverkeys[i]] = giver[giverkeys[i]];
    }
    if(receiver[giverkeys[i]] != giver[giverkeys[i]]) {
      receiver[giverkeys[i]] = giver[giverkeys[i]];
    }
  }
}
fillBlanks(userCacheOptions.monit, defaultOptions.monit);
console.log(userCacheOptions.monit);