尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

前端常用数组操作函数

前端常用数组操作函数
📅 发布时间:2026/7/17 16:41:16

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()数组索引〇正数从开始索引,负数从尾部索引

相关新闻

  • 上海黄金回收门店推荐【收的顶】——全国连锁深耕沪上,16区103店实体可查,现场结款秒到账 - 日常比对手册
  • SillyTavern终极指南:5步打造栩栩如生的AI角色对话体验
  • FunClip:革命性AI视频剪辑工具,如何让传统剪辑效率提升300%

最新新闻

  • 古迪植物大战僵尸积木60043机关套装测评与拼搭指南
  • 东川区高端名表回收怎么选?30 年连锁易奢福无损鉴表当场结算 - 奢侈品回收实体店
  • 基于图像识别的鸣潮自动化工具:从技术原理到实战应用完整指南
  • 出海品牌如何系统开展ChatGPT品牌优化?大鱼营销的实操观察
  • 蔡司3D扫描仪解决方案:助力企业提升检测效率
  • HiMarket网关集成方案:如何快速对接APIG、Apsara和Higress网关

日新闻

  • 佛山青少年训练营推荐:军博营地实力顶尖 - 秋山寄远
  • 如何快速上手PvZ2 Gardendless:免费Web版植物大战僵尸2完整指南
  • jiuwen-deepsearch核心功能详解:规划-检索-反思三合一智能工作流

周新闻

  • IX9104 PCIe5.0 高速交换芯片@ACP#完整规格 + 应用场景总结
  • Unity游戏集成Coze智能体:实现NPC智能对话与知识库联动
  • SAP EPIC 建行回单查询:从标准类CL_EPIC_EXAMPLE_CN_CCB_GHTD到Z类的5处关键修改

月新闻

  • 2026年6月公司网站搭建最新热门渠道测评:四大低成本/零代码平台对比+避坑
  • 【Linux】Linux arm 编译QT程序,出现expected “}“报错
  • 【MATLAB例程】四基站二维AOA定位与距离辅助增强对比仿真。基于角度观测和测距修正的固定目标平面定位精度分析

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号