欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript數(shù)組分組groupBy示例詳解

 更新時(shí)間：2023年12月19日 11:24:43   作者：遠(yuǎn)小帥  
JavaScript?最近發(fā)布了一個(gè)方法?Object.groupBy,可以對(duì)可迭代對(duì)象中的元素進(jìn)行分組,這篇文章主要介紹了JavaScript數(shù)組分組groupBy示例,需要的朋友可以參考下

JavaScript 最近發(fā)布了一個(gè)方法 Object.groupBy，可以對(duì)可迭代對(duì)象中的元素進(jìn)行分組。

語法：

Object.groupBy(items, callbackFn)

items

被分組的可迭代對(duì)象，如 Array。

callbackFn

對(duì)可迭代對(duì)象中的每個(gè)元素執(zhí)行的函數(shù)。

舉個(gè)例子，我們想要根據(jù)城市的首字符進(jìn)行分組：

const cityList = [
  { id: 1, name: "beijing" },
  { id: 2, name: "shanghai" },
  { id: 3, name: "guangzhou" },
  { id: 4, name: "shenzhen" },
  { id: 5, name: "hangzhou" },
  { id: 6, name: "chengdu" },
  { id: 7, name: "wuhan" },
  { id: 8, name: "xian" },
  { id: 9, name: "chongqing" },
];
const result = Object.groupBy(cityList, (city) => city.name[0]);

返回結(jié)果：

{
    "b": [
        {
            "id": 1,
            "name": "beijing"
        }
    ],
    "s": [
        {
            "id": 2,
            "name": "shanghai"
        },
        {
            "id": 4,
            "name": "shenzhen"
        }
    ],
    "g": [
        {
            "id": 3,
            "name": "guangzhou"
        }
    ],
    "h": [
        {
            "id": 5,
            "name": "hangzhou"
        }
    ],
    "c": [
        {
            "id": 6,
            "name": "chengdu"
        },
        {
            "id": 9,
            "name": "chongqing"
        }
    ],
    "w": [
        {
            "id": 7,
            "name": "wuhan"
        }
    ],
    "x": [
        {
            "id": 8,
            "name": "xian"
        }
    ]
}

到此這篇關(guān)于JavaScript數(shù)組分組groupBy的文章就介紹到這了,更多相關(guān)JavaScript數(shù)組groupBy內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論