如何將對象數組添加到現有對象

Question

我有一個object ，我想將一個object array推入其中，這樣它必須看起來像這樣

我要推動的是技能object skills = {"css":true,"javascript":true}

我想要類似下面的物體

alldata = {"companyName":"abc","jobRole":"permanent",skills:[{"css":true,"javascript":true}]};

我正在嘗試這樣的事情

 var details = { companyName: "", jobRole: "", startDate: "2017-09-19T09:59:06.479Z", endDate: "2017-09-19T09:59:06.479Z", html: "html" }; var skills = { html: "html", css: "css", javascript: "javascript", php: "php", laravel: "" }; const allData = Object.assign({}, details, skills); console.log(allData); 

Answer 1

代替一個空對象，為對象提供skills屬性作為第一個參數，並在其中添加skills對象（如果您不想保留對原始對象的引用，則添加其副本）作為第一個元素。

 var details = {companyName: "", jobRole: "", startDate: "2017-09-19T09:59:06.479Z", endDate: "2017-09-19T09:59:06.479Z", html: "html"}; var skills = {html: "html", css: "css", javascript: "javascript", php: "php", laravel: ""}; const allData = Object.assign({ skills: [skills] }, details); // or in case you don't want to keep reference to main object const allData1 = Object.assign({ skills: [Object.assign({},skills)]}, details); console.log(allData); console.log(allData1); 

Answer 2

你可以做

 var details = {companyName: "", jobRole: "", startDate: "2017-09-19T09:59:06.479Z", endDate: "2017-09-19T09:59:06.479Z", html: "html"}; var skills = {html: "html", css: "css", javascript: "javascript", php: "php", laravel: ""}; const allData = Object.assign({}, details, {skills : [skills]}); console.log(allData); 

{skills : [skills]}

在Object.assign（）內部將創建領域技能並將其值添加到數組中

Answer 3

您可以執行以下代碼。

    var details = {companyName: "", jobRole: "", startDate: "2017-09-
    19T09:59:06.479Z", endDate: "2017-09-19T09:59:06.479Z", html: 
    "html",skills:[]};

    var skills = {html: "html", css: "css", javascript: "javascript", 
    php:"php", laravel: ""};

    details["skills"].push(skills);

    console.log(details);