如何将对象数组添加到现有对象

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