2つのオブジェクト間の差異と欠損値の追加

Question

2つのオブジェクト間のdiffrenceを確認し、欠損値を追加する方法はありますか？

例：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

これは、実行するパターンです。チェックごとに適切なアクションを追加するだけです。

if(!(defaultOptions.equals(userCacheOptions))){ 

     //check for userCacheOptions if the value is set 
     //if its not set then set it as you want 

     if(!(userCacheOptions.getGoogleMap().isSet())){ 
      userCacheOptions.setGoogleMap("whatever you want to set"); 
     } 

     //same each variable etc 
    } 

Answer 2

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);

Answer 3

あなたは、キーを反復処理すると、オブジェクトをチェックし、確認するために、新しいオブジェクトと関数、再帰的に呼び出すことができます。値がない場合は、デフォルト値に設定します。

Answer 4

次のように私はこの仕事をするだろう。それは再帰的に反復し、場所にuserCacheOptionsオブジェクトを変更します。

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 restoreMissing(def,obj){ 
 
    Object.keys(def).map(k => (typeof def[k] === "object" && 
 
          typeof obj[k] === "object") ? restoreMissing(def[k],obj[k]) 
 
                 : !obj[k] && (obj[k] = def[k])); 
 
    return obj; 
 
} 
 

 
console.log(restoreMissing(defaultOptions,userCacheOptions))