Map 將對象數組放入新組

Question

我有一個 object 和兩個 arrays 從 API 返回的對象。 我需要嘗試將 map 放入一個新的對象數組中，這樣我就可以對 Vue v-select組件的數據進行分組。 CodePen 示例

fields: {
      current: [
        {
          name: 'Date'
        },
        {
          name: 'Time'
        }
      ],
      previous: [
        {
          name: 'Birthday'
        },
        {
          name: 'Comments'
        }
      ]
    },

我怎樣才能將 map 變成一個看起來像這樣的新對象數組？

grouped: [
      {
        group: "Current",
      },
      {
        name: "Date"
      },
      {
        name: "Time"
      },
      {
        group: "Previous"
      },
      {
        name: "Birthday"
      },
      {
        name: "Comments"
      },
    ]

Answer 1

使用Object.entries()獲取組及其值，並使用Array.flatMap()獲取 map 它們。 創建組的 object，並將其添加到包含組項的數組中。

 const flattenGroups = fields => Object.entries(fields).flatMap(([group, items]) => [{ group }, ...items]) const fields = {"current":[{"name":"Date"},{"name":"Time"}],"previous":[{"name":"Birthday"},{"name":"Comments"}]} const result = flattenGroups(fields) console.log(result)