首页 > web前端 > js教程 > JavaScript 中的数组分组(4)

JavaScript 中的数组分组(4)

WBOY
发布: 2024-09-01 21:09:32
原创
682 人浏览过

Array Grouping In JavaScript (4)

JavaScript 中的数组分组 (2024)
数组分组在 JavaScript 中并不是什么新鲜事。数组分组是 JavaScript 中的一项新功能,可帮助开发人员根据特定特征将数组中的元素组织成组。这使得查找和使用数据变得更加容易。
现在的问题是它是如何运作的?
好吧,在最新和现代的方法出现之前,开发人员将数组元素以多种不同的方式分组,其中就是“减少方法”。

示例:

常量学生 = [
{姓名:“SK Toukir”,年龄:21 },
{姓名:“SK Turaj”,年龄:21},
{姓名:“SK Jehan”,年龄:20},
];
const StudentAges = Student.reduce((结果, Student=>{
const 年龄 = 学生.年龄;
if( !结果[ 年龄 ] ){
结果[年龄]=[];
} 结果[ 年龄 ].push( 学生 );
返回结果;
}),{});
console.log(studentAges);

但是在现代 JavaScript 中这变得非常容易,开发人员可以使用“Object .groupBy”方法或“array.group”在几分钟内完成此操作
方法 。
1.对象。分组依据
示例:

常量学生 = [
{姓名:“SK Toukir”,年龄:21 },
{姓名:“SK Turaj”,年龄:21},
{姓名:“SK Jehan”,年龄:20},
];
const StudentAges = Object.groupBy( Students, ( Student=>student.age ) );
console.log(studentAges);

在此方法中,开发人员首先编写 Object.groupBy(方法名称),它需要 2 个参数。第一个参数是数组名称,第二个参数是回调函数,开发人员可以轻松地对数组元素进行分组。

  1. 数组.group 示例:

常量学生 = [
{姓名:“SK Toukir”,年龄:21 },
{姓名:“SK Turaj”,年龄:21},
{姓名:“SK Jehan”,年龄:20},
];
const StudentAges = Students.group( Student=>student.age );
console.log(studentAges);

group() 方法获取数组中的项目并将它们分组。每个组都有一个标签(称为“键”),属于该组的项目一起存储在一个数组中。

注意:如果这些拖曳方法在任何人的节点版本中都不起作用,请在“vs code”中打开终端,输入“npm i core-js”,然后再次运行代码,希望它会起作用。

以上是JavaScript 中的数组分组(4)的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板