如何在reactJS中使用Lodash或JS動態添加JSON中的鍵值對？

Question

我有這樣的 JSON：

let json = {
   data:[
     {value1: 1},
     {Value2: 2}
   ]
}

maths:100
science:100

我需要將這兩個鍵值對添加到 json 中：

let json = {
      data:[
        {value1:1},
        {Value2:2}
      ],
      maths:100,
      science:100
}

Answer 1

你可以這樣做：

let json = {
   data:[{value1:1},{Value2:2}]
}
console.log({...json, maths: 100, science: 100})

Answer 2

如果你期待這個輸出

{"data":[{"value1":1},{"Value2":2}],"maths":100,"science":100}

您可以檢查以下代碼

let json = {
    "data":[
        {
        "value1":1
        },{
        "Value2":2
        }
    ]
}

function pushToAry(name, val) {
   var obj = {};
   json[name] = val;
}

pushToAry("maths", 100);
pushToAry("science", 100);
console.log(JSON.stringify(json));

否則，如果您期待以下輸出

{"data":[{"value1":1},{"Value2":2},{"maths":100},{"science":100}]}

您可以檢查以下代碼

let json = {
   "data":[
       {
          "value1":1
       },{
          "Value2":2
       }
   ]
}

function pushToAry(name, val) {
   var obj = {};
   obj[name] = val;
   json["data"].push(obj);
}

pushToAry("maths", 100);
pushToAry("science", 100);
console.log(JSON.stringify(json));