北京
“又是按狀態分組的邏輯?！敝苋挛?，你打開同事發來的 PR，一眼就掃到了那段熟悉的 reduce 代碼。你幾乎能背出來那四行模板——先判空再初始化數組，最后 push，return acc。
這種分組操作在前端代碼庫里出現的頻率，可能比你想象中還要高。任務按狀態、事件按日期、錯誤按代碼、用戶按角色……只要是一個數組轉成一組子數組，JavaScript 開發者幾乎都掉進過同一個坑：沒有原生的分組方法，只能靠 reduce 手動堆。
但現在的瀏覽器其實已經悄悄補齊了這塊短板。從 2024 年初起，所有主流瀏覽器都支持了一個新方法：Object.groupBy。它讓你把上面那坨樣板代碼，壓縮成一行。
用法簡單得讓人懷疑是不是漏看了什么：傳入一個可迭代對象和一個回調函數，回調返回每個元素的分組鍵，結果就是一個以鍵為 key、對應元素數組為 value 的普通對象。比如一組任務對象，想按 status 字段分組，你只需要寫 Object.groupBy(tasks, t => t.status)，得到的對象里，done 下是所有已完成任務，todo 下是所有待辦，in-progress 下是進行中的任務。
如果鍵需要非常規的字符串轉換，Object.groupBy 會把所有鍵強制轉成字符串，這覆蓋了絕大多數場景。但要是你的鍵必須精確區分對象引用、布爾值等無法通過字符串化保持語意的東西，它的兄弟 Map.groupBy 就是為你準備的——返回的是一個真正的 Map，鍵保持原始值，不會發生類型上的意外。
在 Map.groupBy 的幫助下，你甚至可以直接寫 Map.groupBy(tasks, task => task.priority > 5)，然后用 .get(true) 取出高優先級任務，.get(false) 取出剩下的，沒有字符串化帶來的歧義。
回過頭看，過去想用扁平 API 數據渲染看板，要么按每個泳道過濾一遍原數組——四個泳道就掃四遍；要么用 reduce 掃一遍數組，但每個開發者都要在心里默默演算一遍初始化檢查、數組創建、元素推入的邏輯。現在這兩種慣性寫法，都可以用一行 Object.groupBy 替代。
一個在代碼審查里被反復抄寫的模式，終于在語言層面有了名字。這件事帶來的變化不是“又多了一個語法糖”，而是當分組操作從自定義邏輯變成標準庫的一部分，團隊間的心智負擔、新手的閱讀成本、甚至是運行時優化的空間，都開始悄悄改變。
特別聲明：以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布，本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
