如何在Javascript / Nodejs中动态地在对象数组中添加对象类型数组的参数？

Question

定义一个对象数组为：

"data": {
    "primary":[
        { "menuOptions":
            { "title": 'title1',
              "sortOrder": 1},
          "status": 1,
          "menuType": 'header',
          "MenuID": 'AB1CD' 
        },
        { "menuOptions":
           { "title": 'title2',
             "sortOrder": 2},
          "status": 1,
          "menuType": 'header',
          "MenuID": 'EF2GH' 
       }
  ]
}

并且想在data.primary.SubMenu 中为每个对象添加一个名为SubMenu 的数组类型参数。 现在想分配为[]。

添加子菜单参数后的预期对象：

"data": {
        "primary":[
            { "menuOptions":
                { "title": 'title1',
                  "sortOrder": 1},
              "status": 1,
              "menuType": 'header',
              "MenuID": 'AB1CD',
              "SubMenu": [
                  {
                      "menuOptions":
                          { "title": 'subtitle1',
                            "sortOrder": 1},
                      "status": 1,
                      "menuType": 'header',
                      "MenuID": 'AB1CD1'
                  }
              ]
            },
            { "menuOptions":
               { "title": 'title2',
                 "sortOrder": 2},
              "status": 1,
              "menuType": 'header',
              "MenuID": 'EF2GH',
              "SubMenu": []
           }
      ]
    }

尝试了这样做的方法，

• 使用 Object.assign()
• 使用 Array.push()
• 使用 Array.push(Object.assign())
• 使用 data.primary[0].newProperty = [] 然后将一个对象推入该数组。 但是当尝试 console.log() data.primary[0] 时它不会显示。

Answer 1

这样试试

data.primary.map(d=>{
       d.SubMenu = // your value 
})


console.log(data)

Answer 2

您可以直接将对象分配给现有对象数组中的新参数。以下是将一个对象分配给新参数（即 SubMenu）的示例。如果要将其分配给每个对象，请使用 foreach 循环并按如下所示的相同方式分配它。

data.primary.SubMenu = [{
  "menuOptions": {
    "title:"
    'subtitle1',
    "sortOrder": 1
  },
  "status": 1,
  "menuType": 'header',
  "MenuID": 'AB1CD1'
}]

Answer 3

重申您的问题，您有一个对象，其中包含一个对象数组，并且在每个对象中，您需要一个名为“SubMenu”的数组，初始化为一个空数组[]

const data = {
    "primary":[
        { "menuOptions":
            { "title": 'title1',
              "sortOrder": 1},
          "status": 1,
          "menuType": 'header',
          "MenuID": 'AB1CD' 
        },
        { "menuOptions":
           { "title": 'title2',
             "sortOrder": 2},
          "status": 1,
          "menuType": 'header',
          "MenuID": 'EF2GH' 
       }
  ]
}

//initialize the array in each object
data.primary.forEach(obj => {
obj.SubMenu = [];
})

//push whatever you want in it for the first object
data.primary[0].SubMenu.push({
                      "menuOptions":
                          { "title": 'subtitle1',
                            "sortOrder": 1},
                      "status": 1,
                      "menuType": 'header',
                      "MenuID": 'AB1CD1'
                  })

console.log(data);