Javascript合並嵌套列表對象

Question

我想要輸出圖像中提到的答案

Answer 1

你可以用flat

 const data = [[{color: 1}], [{color: 2}], [{color: 3}]] console.log(data.flat())

Answer 2

const list = [
  [{color1:'red',size1:21}],
  [{color2:'red',size2:21}],
  [{color3:'red',size3:21}],
  [{color4:'red',size4:21}]
]

// using built-in flat method
const ans = list.flat()
console.log(ans)

// using iterative approach (built-in map method)

const ans2 = list.map((eachArray) => eachArray[0])
console.log(ans2)


// ans1 and ans2 gives

/*

[
    {
        "color1": "red",
        "size1": 21
    },
    {
        "color2": "red",
        "size2": 21
    },
    {
        "color3": "red",
        "size3": 21
    },
    {
        "color4": "red",
        "size4": 21
    }
]

*/

代碼： https ://codesandbox.io/s/cocky-worker-dle269?file=/src/index.js:0-571