向现有数组添加额外的元素

时间:2020-07-09 18:21:50

标签: angular

实际数据:

(3) [{…}, {…}, {…}]

   0: {Capacity: "150", Series: "20", Make: "150", Model: "150", TowerHeight: "151", …}

   1: {Capacity: "250", Series: "250", Make: "250", Model: "252", TowerHeight: "250", …}

   2: {Capacity: "151", Series: "21", Make: "151", Model: "151", TowerHeight: "152", …}

我想向该数组添加一个额外的元素。请在这种情况下帮助我: 为每个元素添加Disabled: true

我想要这样的输出:

(3) [{…}, {…}, {…}]

   0: {Disabled: true, Capacity: "150", Series: "20", Make: "150", Model: "150", TowerHeight: "151", …}

   1: {Disabled: true, Capacity: "250", Series: "250", Make: "250", Model: "252", TowerHeight: "250", …}

   2: {Disabled: true, Capacity: "151", Series: "21", Make: "151", Model: "151", TowerHeight: "152", …}

2 个答案:

答案 0 :(得分:0)

希望这对您有帮助:

const result = data.map(item => { return {...item, Disabled: true} })

答案 1 :(得分:0)

在Angular 2+中,这应该很简单

Click here for Plunker解决方案

还要添加以下代码:

this.list = [
  {Capacity: "150", Series: "20", Make: "150", Model: "150", TowerHeight: "151"},
  {Capacity: "250", Series: "250", Make: "250", Model: "252", TowerHeight: "250"},
  {Capacity: "151", Series: "21", Make: "151", Model: "151", TowerHeight: "152"}
  ];


this.newlist = this.list.map(item => { return {Disabled: true, ...item} })

在下面添加输出:

旧列表:

[
    {
        "Capacity": "150",
        "Series": "20",
        "Make": "150",
        "Model": "150",
        "TowerHeight": "151"
    },
    {
        "Capacity": "250",
        "Series": "250",
        "Make": "250",
        "Model": "252",
        "TowerHeight": "250"
    },
    {
        "Capacity": "151",
        "Series": "21",
        "Make": "151",
        "Model": "151",
        "TowerHeight": "152"
    }
]

新列表:

[
    {
        "Disabled": true,
        "Capacity": "150",
        "Series": "20",
        "Make": "150",
        "Model": "150",
        "TowerHeight": "151"
    },
    {
        "Disabled": true,
        "Capacity": "250",
        "Series": "250",
        "Make": "250",
        "Model": "252",
        "TowerHeight": "250"
    },
    {
        "Disabled": true,
        "Capacity": "151",
        "Series": "21",
        "Make": "151",
        "Model": "151",
        "TowerHeight": "152"
    }
]
相关问题