当前位置: 首页 > news >正文

前端常用数组操作函数

5、map():循环数组 会返回一个新数组
6、filter():循环数组 会返回符合条件的一项数据或是多项数据
7、sort() :对数组元素进行排序 默认情况下,sort() 函数将值作为字符串进行排序。
8、concat():用于 ‌合并数组或值‌ 的核心方法,‌不修改原数组‌,而是返回新数组
9、every():用于‌检测数组中是否所有元素均满足指定条件‌,返回布尔值(true/false)‌
10、some():every()完全一样。用于检测数组中是否‌至少有一个元素‌满足指定条件
11、includes():用于检查数组是否包含某个元素的‌方法‌。
12、join():通过连接输入数组中的所有条目来返回一个新字符串。
13、find():用于‌查找并返回数组中第一个满足指定条件的元素。
14、reduce():用于将数组元素‌聚合成一个单一值‌(如数值、对象、数组等)
15、findIndex():用于查找数组中第一个满足指定条件的元素索引
16、indexOf()函数用于查找数组中指定元素的第一个匹配项的索引
17、slice() 函数用于 ‌提取数组或字符串的指定部分‌,返回新对象且 ‌不修改原数据‌‌。
18、splice():用于‌直接修改原数组‌,可以删除、替换或添加元素。
19、reverse() :用于反转数组元素的顺序,并返回反转后的数组
20、push():用于向数组的‌末尾添加一个或多个元素‌,并返回修改后数组的新长度。
21、pop():用于移除并返回数组的最后一个元素。
22、shift():函数用于‌移除数组的第一个元素‌,并返回被移除的元素。
23、unshift():用于在数组‌开头‌添加一个或多个元素,并返回新的长度。
24、flat():函数用于将嵌套数组(多维数组)按指定深度递归展开,返回新的一维数组。
25、at():是 ES2022 新增的数组和字符串方法,用于通过正/负整数索引访问元素。

序号函数作用同类备注
1isArray()比较准确的判断一个变量是否为数据空数组也能通过判断
2of()构造一个洗呢函数new Array()构建出的函数,一些特性使用时需要注意
3from()将字符串、对象等转换伪数组转换出的数组使用需要特别注意,语法糖含有别的值
4forEach()for循环语法糖for循环、map、filter1、forEach循环过程不会退出
2、不适合大量数据和嵌套循环使用;
3、不会改变原来的数组
5map()for循环语法糖for循环、forEach、filter1、不会改变原数组
2、会返回一个新的数组;
3、多用户元素转换等场景
6filter()for循环语法糖for循环、forEach、map、reduce()‌1、一般用户元素的筛选,返回筛选出的元素的数组;
2、高性能时候慎用,还是for或是Array.reduce()
7sort()函数元素排序1、会修改原来数组;
2 、默认排序方式是UniCode字符串排序;
3、二位或是Json数组慎用
8concat()数组合并[…arr1, …arr2]多维数组合并需要扁平化处理
9every()检测数组中中所有元素是否满足条件一般用户完整性校验
10some()检测数组中是否有一个元素满足条件includes()
11includes()检查数组中是否包含某个元素some()注意区分大小写;JSON数据比较慎用
12join()将数组变成一个字符串默认是逗号分隔;空字符串会输出“”;unll、undefined会没有值输出
13split()将一个字符串变成数组会修改原字符串,返回新数组‌
14find()查找并返回数组中第一个满足指定条件的元素findIndex、indexOf找到则返回符合条件的元素;否则返回undefined
15reduce()将数组元素‌聚合成一个单一值‌(如数值、对象、数组等)常用语数组中的数字计算、分类整理
16findIndex()查找数组中第一个满足指定条件的元素索引find、indexOf返回的是索引下标值
17indexOf()查找数组中第一个满足指定条件的元素索引find、findIndex几乎findIndex()使用方法相同
18slice()截取数组、字符串splice不会修改原来的数组、字符串
19splice()修改、删除、替换、添加数组的元素增删改查数组、会修改原数组
20reverse()将数组顺序反转操作原数组
21push()向数组中添加一个或是多个元素splice修改原数组、返回新数组的长度
22pop()删除数组的最后一个元素splice修改原数组
23shift()删除数组第一个元素splice修改原数组
24unshift()在数组头部添加一个元素splice修改原数组、返回新数组的长度
25flat()多维数组扁平化返回新的数组、会移除空项
26at()数组索引正数从开始索引,负数从尾部索引
http://www.jsqmd.com/news/1207691/

相关文章:

  • SillyTavern终极指南:5步打造栩栩如生的AI角色对话体验
  • 北京化工大学/宁波大学/湖南科技大学Nano Letters:400 °C 2 min焦耳加热去配体 Au15纳米簇实现木质素醇99%芳香酮选择性
  • 购物防踩坑 | 2026 乌鲁木齐大巴扎新疆特产店推荐:伴手礼这样买最划算!避开游客专坑路线 - 速递信息
  • Transformer大模型入门指南:小白也能学会的AI新架构(收藏版)
  • GEO OEM贴牌周期大概多久
  • 如何3步完成Obsidian附件管理革命:告别混乱的终极解决方案
  • 2026年7月最新——苏州高温梅雨季防水攻略:老房/高层/滨湖房三种漏法 - 吉林同城获客
  • 2026广州留学机构排名前五的全国连锁品牌,各自擅长的申请方向及3项核心文书服务质量对比 - 资讯快报
  • Symfony CMF 新手入门:5 分钟快速搭建你的第一个内容管理框架项目
  • 跨平台文本编辑器终极指南:Notepad--如何解决你的编码烦恼
  • Flame社区生态:与flamer编译器插件的完美集成方案
  • AWS 绑卡总提示信息不匹配?Nicecloude 教你把账单地址填对
  • 2026年天津专业活动策划公司与会议会务会展公司口碑实力榜 - 陀螺团建
  • ABS抗金属标签如何破解金属资产追踪难题 - 速递信息
  • 5分钟快速上手Fluidd:Klipper 3D打印机终极控制界面指南
  • Loop for macOS:告别窗口混乱,5分钟掌握高效工作流
  • 南阳黄金变现避坑指南:认准正规连锁门店,奢佳美等多店实探评测 - 黄金珠宝
  • 如何高效集成迅雷下载引擎:完整开发指南与最佳实践
  • Bluetooth-jammer-esp32硬件选择:NRF24L01模块选购与兼容性指南
  • Loud Links源码解析:114行代码如何实现强大的交互音效功能
  • 2026年汉口装修公司最新排名汇总 好评如潮的品牌值得你参考 - 资讯快报
  • 南京亨得利钟表维修保养服务中心地址和服务电话:400-901-0695 解析 | 全国门店信息权威发布(2026 年 7 月最新版) - 卡地亚中国售后中心
  • Conclave API详解:开发者如何集成和扩展实时协作编辑功能
  • 沈阳卖金踩坑重灾区曝光!消委会整理合规黄金回收白名单速存 - 好物测评局
  • 官方通告|劳力士 2026 年 7 月腕表进水走时故障维修售后统一政策公示 - 劳力士全国维修中心
  • AWS 绑定信用卡要注意什么?NiceCloud 总结 7 个常见坑
  • Dante Cloud工厂方法:产品创建的延迟与扩展指南
  • 桂平黄金回收靠谱哪家好?2026 正规门店实测 + 防坑完整指南 - 黄金珠宝
  • 孤能子视角:孙子兵法 · EIS 法层关系解读大纲(七篇版)
  • 终极指南:如何在Jupyter Notebook中使用pyheatmagic生成代码热力图