js实现分组,vue中 js实现分组

封装根据teacherId分组的方法：

// 根据老师id
groupByTeacherId(items) {
  return items.reduce((groups, item) => {
    const key = item.teacherId;
    if (!groups[key]) {
      groups[key] = {
        teacherName: item.teacherName,
        items: [],
      };
    }
    groups[key].items.push(item);
    return groups;
  }, {});
},

使用封装的分组方法,以及遍历分组后的数据

let my = this
let teacherGroupData = my.groupByTeacherId(my.keyFocusItemList)
console.log("看看根据老师分组后的数据。。。。。", teacherGroupData)
my.teacherGroupedItems = teacherGroupData
for(var key in my.teacherGroupedItems){
  console.log("看看遍历出来的key",key)
  console.log("看看遍历出来的值value",my.teacherGroupedItems[key])
}

vue3 ts实现分组, 多字段分组

参考：https://www.tnblog.net/notebook/article/details/8367