對相同屬性的值進行分組 - JavaScript


假設我們有一個這樣的陣列 −

const arr = [
   {unit: 35, brand: 'CENTURY'},
   {unit: 35, brand: 'BADGER'},
   {unit: 25, brand: 'CENTURY'},
   {unit: 15, brand: 'CENTURY'},
   {unit: 25, brand: 'XEGAR'}
];

我們需要編寫一個函式,該函式將 unit 屬性相同的物件的所有 brand 屬性進行分組。

對於上面這個陣列,新陣列應該是 −

const output = [
   {unit: 35, brand: 'CENTURY, BADGER'},
   {unit: 25, brand: 'CENTURY, XEGAR'},
   {unit: 15, brand: 'CENTURY'}
];

我們將迴圈遍歷陣列,使用一個輔助函式查詢 unit 值的物件。如果它存在,我們就連線品牌值,否則建立一個新物件。

示例

以下是程式碼 −

const arr = [
   {unit: 35, brand: 'CENTURY'},
   {unit: 35, brand: 'BADGER'},
   {unit: 25, brand: 'CENTURY'},
   {unit: 15, brand: 'CENTURY'},
   {unit: 25, brand: 'XEGAR'}
];
const indexOf = function(unit){
   return this.findIndex(el => el.unit === unit)
};
Array.prototype.indexOf = indexOf;
const groupArray = arr => {
   const res = [];
   for(let i = 0; i < arr.length; i++){
      const ind = res.indexOf(arr[i].unit);
      if(ind !== -1){
         res[ind].brand += `, ${arr[i].brand}`;
      }else{
         res.push(arr[i]);
      }
   };
   return res;
};
console.log(groupArray(arr));

輸出

這將在控制檯中生成如下輸出 −

[
   { unit: 35, brand: 'CENTURY, BADGER' },
   { unit: 25, brand: 'CENTURY, XEGAR' },
   { unit: 15, brand: 'CENTURY' }
]

更新於: 18-9月-2020

266 瀏覽次數

助力您的 事業

透過完成課程取得認證

開始學習
廣告
© . All rights reserved.