首页 > 编程语言 >JavaScript 中的数组分组(4)

JavaScript 中的数组分组(4)

时间:2024-09-20 20:24:44浏览次数:9  
标签:21 JavaScript SK 分组 数组 年龄

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 个参数。第一个参数是数组名称,第二个参数是回调函数,开发人员可以轻松地对数组元素进行分组。数组.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”,然后再次运行代码,希望它会起作用。立即学习“Java免费学习笔记(深入)”; 以上就是JavaScript 中的数组分组(4)的详细内容,更多请关注我的其它相关文章!

标签:21,JavaScript,SK,分组,数组,年龄
From: https://www.cnblogs.com/aow054/p/18423219

相关文章

  • JavaScript 中的星空可视化
    这是一个简单、直接的可视化实现,让人想起经典的Windows95星空屏幕保护程序。它也是交互式的:您可以触摸屏幕或使用加速计来影响运动的方向。这就是它的工作原理:创建一堆粒子(100),每个粒子处于随机位置。每一帧,将每个粒子进一步远离中心*。粒子距离中心越远,它就会变得越明显。这......
  • JavaScript 中的正则表达式
    没有多少人谈论正则表达式,尽管它们对于文本操作和数据验证非常有用。它们提供了一种强大的方法来搜索、匹配和替换字符串中的模式。在JavaScript中,RegExp是一个可以有效地用来查找和操作这些模式的对象,无论您是在验证电子邮件、格式化电话号码还是解析日志。正则表达式甚至可......
  • JavaScript 中 new Function() 和 new function() 的区别
    javascript确实很灵活,但它也带来了一些混乱。例如,你可以使用多种方式来做同一件事情,比如创建函数、对象等。那么标题中提到的两者有什么区别呢?newfunction是另一种创建函数的方式,其语法:constfunc=newfunction([arg1,arg2,...argn],functionbody);一个简单的例子:constsu......
  • JavaScript 中平滑动画的秘密!
    想要在您的网络应用程序中创建黄油般平滑的动画吗?尝试requestanimationframe——javascript的内置优化动画方法!requestanimationframe不使用settimeout或setinterval(这可能会因帧速率不一致而导致动画卡顿),而是将动画与浏览器的刷新率同步,以获得最佳性能。使用方法如下:letp......
  • JavaScript 中的 SET(初学者教程)
    你好,您是否正在寻找一种存储唯一值、允许插入值、查找值总数和删除值的数据结构?套装是最佳选择。许多编程语言都包含内置的set数据结构,javascript也不例外。让我们更深入地了解集合的工作原理。设置是什么???set是一种数据结构,可让您存储任何类型的唯一值,无论是原始值还是对......
  • JavaScript 中的一等公民功能
    什么是一等函数?一等公民意味着函数可以像其他数据类型一样使用。它意味着函数可以分配给变量,作为参数传递给其他函数,并作为值返回。这是函数式编程中的一个重要概念,因为它允许我们编写更多模块化和可重用的代码。分配给变量作为参数传递给其他函数作为值从函数返回以下是在javasc......
  • JavaScript 中的五种作用域:开发人员深入探讨
    javascript对变量的行为是由它的作用域决定的。理解范围是编写健壮、可维护的代码的基础。本文将探讨javascript中的五种主要作用域类型——全局、局部、块、函数作用域(和闭包)和作用域链。最后,您将清楚地掌握javascript如何跨不同上下文处理变量。目录1.全球范......
  • JavaScript 中的交互:“警报”、“提示”和“确认”
    ****欢迎回到我们的javascript世界之旅!在这篇博文中,我们将探讨在javascript中与用户交互的三种基本方法:警报、提示和确认。这些方法分别允许您显示消息、收集用户输入和确认操作。让我们深入研究每种方法,看看它们是如何工作的。1.?警报alert方法用于显示一个简单的对话......
  • JavaScript 中的展开和休息运算符
    零食故事:假设您有一篮子零食:constsnacks=['apple','banana','chocolate'];登录后复制现在,您想与您的朋友分享这些零食。但你不是把整个篮子都给他们,而是把每件零食都拿出来,一一递给他们:console.log(...snacks);//output:applebananachocolate登录后复制...(摊开)操作符就......
  • JavaScript For 循环示例
    标准for循环for(leti=0;i<h2>for...of循环(遍历数组)</h2><preclass="brush:php;toolbar:false">constfruits=['apple','banana','orange'];for(constfruitoffruits){console.log(fruit);登录后复制......