JavaScriptオブジェクトに多数のプロパティを動的に追加する

Question

JavaScriptオブジェクトにいくつかのプロパティを一度に動的に追加するというシナリオです。

たとえば、オブジェクト「データ」がある

var data = { 
    PropertyA: 1, 
    PropertyB: 2, 
    PropertyC: 3, 
} 

そして、最善の方法かに「extraData」を追加するのが最も簡単です何を「データ」

if(true){ 
    var extraData = { 
     PropertyD: 4, 
     PropertyE: 5, 
     PropertyF: 6, 
    } 
} else { 
    var extraData = { 
     PropertyX: 4, 
     PropertyY: 5, 
     PropertyZ: 6, 
    } 
} 

に余分なデータを追加"データ"？

Answer 1

最も現代的なアプローチは、ES6のspreadを使用することです：

const moreData = { ...data, extraData }; 

また、これはそれを行うの伝統的な方法だろう。ここでは

var moreData = Object.assign({}, data, extraData); 

Answer 2

はそれを行うための良い方法です。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script> 
    $(function(){ 
     var data = { 
      PropertyA: 1, 
      PropertyB: 2, 
      PropertyC: 3, 
     }; 
     if(true){ 
      var extraData = { 
       PropertyD: 4, 
       PropertyE: 5, 
       PropertyF: 6, 
      }; 
     } else { 
      var extraData = { 
       PropertyX: 4, 
       PropertyY: 5, 
       PropertyZ: 6, 
      }; 
     } 

     var object = $.extend({}, data, extraData); 

     console.log(object); 

    }); 
</script> 

Answer 3

Object.assign(data, extraData); 

あなたが代わりにこのような何かを行うことができ、データの値を変異させたくない場合は、次の

var newData = Object.assign({}, data, extraData);