JavaScript数组分组groupBy

JavaScript 最近发布了一个方法 Object.groupBy,可以对可迭代对象中的元素进行分组。

语法:

Object.groupBy(items, callbackFn)

items

被分组的可迭代对象,如 Array。

callbackFn

对可迭代对象中的每个元素执行的函数。

举个例子,我们想要根据城市的首字符进行分组:

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]);

返回结果:

{"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"}]
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/282935.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

缓存穿透的原因和解决方案

缓存穿透 缓存穿透产生的原因 用户请求的数据在缓存中和数据库中都不存在,不断发起请求,给数据库带来压力 缓存穿透的解决方案 1:缓存空对象 优点:实现简单,维护方便 缺点: 额外的内存消耗可能造成短…

电路中的屏蔽罩作用及设计

1.1 屏蔽罩作用 1.1.1 屏蔽电子信号,防止外界的干扰或内部向外的辐射: 一般见于通信类电路PCB,主要一个无线通信产品上有的敏感器件、模拟、数字电路、DCDC电源电路,都需屏蔽隔离,是为了不影响其它电路,也有防止其它电…

【算法】二分法

1、二分法 1.1 二分法原理 每次将查找的范围缩小一半,直到最后找到记录或者找不到记录返回。 要求:采用二分法查找时,数据需是排好序的。 1.2二分法思路 判断某个数是否在数组中存在(例:判断3是否在数组中存在&#…

AUTOSAR ComM模块配置以及代码

ComM模块配置以及代码执行流程 1、基本的一个通道的配置列表 ComMNmVariant 概念的个人理解: FULL: 完全按照AUTOSAR NM方式进行调用 LIGHT :设置一个超时时间,在请求停止通信的时候开始计时,超时之后才会进入FULLCOM…

【设计模式-2.4】创建型——抽象工厂模式

说明:本文介绍设计模式中,创建型设计模式的抽象工厂设计模式; 工厂模式的问题 在【设计模式-2.2】创建型——简单工厂和工厂模式这篇博文中,介绍过飞机大战游戏里,使用简单工厂和工厂模式来创建坦克、飞机、Boss对象…

【极客公园 IF 2024】用AI 增强自己的人生

周末去了 极客公园组织的创新大会2024 原文链接:《刘擎对话叶军|当疑虑的人文学者向乐观的创业者发问:我们如何理解 AI 时代?》 人文学者刘擎老师的观点很吸引人 AI 技术突破改变生活,没有人比自己更了解你自己&…

如何集成和使用Feign的远程调用

feign的简单介绍 Feign是一个声明式的http客户端,可以帮助我们优雅的实现http请求的发送 OpenFeign/feign: Feign makes writing java http clients easier (github.com)Spring Cloud OpenFeign 中文文档 (springdoc.cn)Spring Cloud OpenFeign在spring cloud的基础…

DevEco Studio 项目鸿蒙(HarmonyOS)多语言

DevEco Studio 项目鸿蒙(HarmonyOS)多语言 一、操作环境 操作系统: Windows 10 专业版 IDE:DevEco Studio 3.1 SDK:HarmonyOS 3.1 二、多语言 新版本IDE可以创建多语言的文件夹,在entry->src->main->resources下,修…

初级数据结构(六)——堆

文中代码源文件已上传&#xff1a;数据结构源码 <-上一篇 初级数据结构&#xff08;五&#xff09;——树和二叉树的概念 | NULL 下一篇-> 1、堆的特性 1.1、定义 堆结构属于完全二叉树的范畴&#xff0c;除了满足完全二叉树的限制之外&#xff0c;还满…

【LeetCode刷题-字符串】-- 186.反转字符串中的单词II

186.反转字符串中的单词II 方法&#xff1a;先反转整个字符串再反转单词中的字母 class Solution {public void reverseWords(char[] s) {reverseCharacters(s,0,s.length-1);reverseEachWord(s);}//反转单词中的字母public void reverseEachWord(char[] s){int length s.len…

Mybatis Plus

一、MyBatis-Plus 1.简介 MyBatis-Plus (opens new window)&#xff08;简称 MP&#xff09;是一个 MyBatis (opens new window)的增强工具&#xff0c;在 MyBatis 的基础上只做增强不做改变&#xff0c;为简化开发、提高效率而生。 我们的愿景是成为 MyBatis 最好的搭档&…

centOS7 安装tailscale并启用子网路由

1、在centOS7上安装Tailscale客户端 #安装命令所在官网位置&#xff1a;https://tailscale.com/download/linux #具体命令为&#xff1a; curl -fsSL https://tailscale.com/install.sh | sh #命令执行后如下图所示2、设置允许IP转发和IP伪装。 安装后&#xff0c;您可以启动…