js 列表物件根據某一欄位分類

其實是這個意思，比如說我有一個列表，資料的樣子是下面的樣子，一個五種，分了兩類，食物和飲料。我們想把這五種東西按照類別進行分類，就可以使用這個方式。

 [{
	name: '蘋果',
	type: '食物',
	price: '3'
  },{
	name: '牛奶',
	type: '飲料',
	price: '2'
  },{
	name: '香蕉',
	type: '食物',
	price: '2'
  },{
	name: '果汁',
	type: '飲料',
	price: '3'
  },{
	name: '菠蘿',
	type: '食物',
	price: '4'
}]
 

直接上程式碼：

       // 資料分類  傳進要分類的資料列表
      dealWithData(data) {
        let c = [];
        let d = {};
        data.forEach(element => {
          if (!d[element.type]) {  // 按照type分類
            c.push({
              type: element.type,
              list: [element]
            });
            d[element.type] = element;
          } else {
            c.forEach(ele => {
              if (ele.type== element.type) {
                ele.list.push(element);
              }
            });
          }
        });
        return c;
      }
 

分完類之後就是 ：

 [{
	type: '食物',
	list: [{
		name: '蘋果',
		type: '食物',
		price: '3'
  	 },{
		name: '香蕉',
		type: '食物',
		price: '2'
  	},{
		name: '菠蘿',
		type: '食物',
		price: '4'
	}]
  },{
	type: '飲料',
	list: [{
		name: '牛奶',
		type: '飲料',
		price: '2'
      },{
		name: '果汁',
		type: '飲料',
		price: '3'
  	  }]
  }]
 

就是這個樣子，其實還有更多的辦法，這是其中一個，其他的可以百度或者自己寫一下。