JS 數組對象根據下標拆分成新的數組

 

真為難啊！

 

var arr = [
  {guigeArr:['藍色','XL','3','S']},
  {guigeArr:['藍色','L','6','S']},
  {guigeArr:['藍色','L','3','S']},
  {guigeArr:['藍色','XL','6','S']},
  
  {guigeArr:['黑色','XL','3','S']},
  {guigeArr:['黑色','L','6','S']},
  {guigeArr:['黑色','L','3','S']},
  {guigeArr:['黑色','XL','6','S']},
]

var newArr = []
var length = arr[0].guigeArr.length;
for(var i=0;i<length;i++){
  var arrs = [];
  newArr.push(arrs)
}
console.log(newArr)
// [[], [], [], []]


arr.forEach(({guigeArr})=>{
  guigeArr.forEach((v,i)=>{
    if(!newArr[i].includes(v))
      newArr[i].push(v)
  })
})

console.log(newArr)
// [["藍色", "黑色"], ["XL", "L"], ["3", "6"], ["S"]]

 

* 備注

includes() 方法用來判斷一個數組是否包含一個指定的值，根據情況，如果包含則返回 true，否則返回false。