js实现分组,vue中 js实现分组 电脑版发表于:2024/10/10 14:40 ### 封装根据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