JavaScript將對象數組轉換為對象數組

Question

我需要使用JavaScript將對象數組轉換為簡單對象數組

我在下面放當前代碼和當前輸出

const result = [
  [
    {
      name: '1'
    },
    {
      name: '2'
    }
  ],
  [
    {
      name: '3'
    },
    {
      name: '4'
    }
  ],
  [
    {
      name: '5'
    }
  ],
  [
    {
      name: '6'
    }
  ]
]

const a = result.map(item => {
  return Object.assign({}, ...item)
})


console.log(a)

上面代碼的輸出（當前和錯誤輸出）

[ { "name": "2" }, { "name": "4" }, { "name": "5" }, { "name": "6" } ]

預期和需要的產出

[
  {
    name: '1'
  },
  {
    name: '2'
  },
  {
    name: '3'
  },
  {
    name: '4'
  },
  {
    name: '5'
  },
  {
    name: '6'
  }
]

Answer 1

看起來您在尋找flat 住宅 （ mdn ）

 const result = [ [ { name: '1' }, { name: '2' } ], [ { name: '3' }, { name: '4' } ], [ { name: '5' } ], [ { name: '6' } ] ] const a = result.flat(); console.log(a) 

Answer 2

有一個簡單，支持全面的方式扁平化陣列，而不使用flat -使用reduce和push （不concat效率）。

 const result = [ [ { name: '1' }, { name: '2' } ], [ { name: '3' }, { name: '4' } ], [ { name: '5' } ], [ { name: '6' } ] ] const a = result.reduce((acc, curr) => (acc.push(...curr), acc)); console.log(a); 

 .as-console-wrapper { max-height: 100% !important; top: auto; } 

ES5語法：

 var result = [ [ { name: '1' }, { name: '2' } ], [ { name: '3' }, { name: '4' } ], [ { name: '5' } ], [ { name: '6' } ] ] var a = result.reduce(function(acc, curr) { return (Array.prototype.push.apply(acc, curr), acc); }); console.log(a); 

Answer 3

您可以使用Array.prototype.concat合並數組。

Array.concat

 const result = [ [ { name: '1' }, { name: '2' } ], [ { name: '3' }, { name: '4' } ], [ { name: '5' } ], [ { name: '6' } ] ] const b = Array.prototype.concat.apply([], result); console.log(b);