news 2026/6/9 18:36:18

JavaScript数组方法大全(按场景分类总结)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
JavaScript数组方法大全(按场景分类总结)

JavaScript 数组中较为常用、好用的方法按使用场景分类总结如下,每个方法标注核心特点和适用场景,方便快速查阅和使用。

一、动态增删改(数组核心动态特性)

方法核心作用关键特点示例
push()尾部添加1+元素直接修改原数组,返回新长度arr.push(10, 20)→ [原元素,10,20]
pop()尾部删除1个元素直接修改原数组,返回被删元素arr.pop()→ 删除最后一个
unshift()头部添加1+元素直接修改原数组,返回新长度(性能略差)arr.unshift(5)→ [5, 原元素]
shift()头部删除1个元素直接修改原数组,返回被删元素arr.shift()→ 删除第一个
splice()任意位置增/删/改万能动态操作,直接修改原数组arr.splice(1,0,20)→ 索引1插入20;arr.splice(1,1)→ 索引1删除1个

二、查找/判断(快速找元素、验存在)

方法核心作用关键特点适用场景
includes()判断是否包含某元素返回布尔值,能识别NaN,语义最强基础类型(数字/字符串)判存在
indexOf()找元素首次出现的索引返回索引/-1,兼容旧环境,无法识别NaN兼容IE、需要获取元素位置
find()找第一个满足条件的元素返回元素/undefined,支持自定义条件复杂元素(对象)查找
findIndex()找第一个满足条件的索引返回索引/-1,支持自定义条件找复杂元素的位置

三、遍历处理(逐个操作元素)

方法核心作用关键特点适用场景
forEach()遍历数组执行回调无返回值,仅遍历(不能中断)简单遍历、无返回值的操作
map()遍历并返回新数组不修改原数组,返回“处理后的新数组”数组元素转换(如数值翻倍)
filter()筛选满足条件的元素不修改原数组,返回“符合条件的新数组”数组过滤(如筛选大于10的数)
some()判断是否有元素满足条件找到即停止遍历,返回布尔值判“是否存在”复杂条件元素
every()判断是否所有元素满足条件有一个不满足即停止,返回布尔值判“全部符合”(如全是正数)

四、转换/重组(生成新值/新数组)

方法核心作用关键特点示例
reduce()数组归并为单个值万能转换,支持累加/拼接/统计等arr.reduce((sum, n) => sum+n, 0)→ 求和
join()数组转字符串自定义分隔符,默认逗号[1,2].join("-")→ “1-2”
concat()数组合并不修改原数组,返回新数组[1].concat([2,3])→ [1,2,3]
slice()截取数组片段不修改原数组,返回新数组(左闭右开)[1,2,3].slice(0,2)→ [1,2]

五、排序/反转(调整元素顺序)

方法核心作用关键特点注意点
sort()数组排序直接修改原数组,默认按字符串排序数字排序需传回调:arr.sort((a,b)=>a-b)(升序)
reverse()数组反转直接修改原数组,返回反转后的原数组[1,2,3].reverse()→ [3,2,1]

六、其他高频实用方法

方法核心作用关键特点
flat()数组扁平化处理嵌套数组,flat(Infinity)拍平所有层级
fill()填充数组用指定值填充全部/部分元素,修改原数组
toString()数组转字符串等同于join(","),简单快捷

核心总结

  1. 动态操作:日常增删用push/pop(尾部)、unshift/shift(头部),任意位置操作选splice()

  2. 判断存在:基础类型用includes()(最便捷),复杂对象用some()

  3. 遍历处理:无返回值遍历用forEach(),生成新数组用map(),筛选元素用filter()

  4. 排序:数字排序一定要传回调(a,b)=>a-b(升序)/(a,b)=>b-a(降序),避免默认字符串排序坑;

  5. 核心原则map/filter/concat/slice不修改原数组,push/pop/splice/sort直接修改原数组,使用时注意区分。

这些方法覆盖了数组 95% 的日常使用场景,记住分类和核心特点,就能快速选对方法,不用重复写循环逻辑。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/6 7:37:39

vivado hls设计总结(九)

一、数据流最优化设计 1.dataflow的最优化可以对函数,或者对循环使用 2.dataflow需要遵守单一的生产者-消费者模型 也就是task产生的channel的扇出只能等于13.不能存在任务过绕 4.dataflow优化,任务直接不能有反馈 5.dataflow优化的代码中,不…

作者头像 李华
网站建设 2026/6/6 7:17:53

达梦DMDRS数据库同步用户最小权限

DMDRS服务运行过程中,使用的数据库同步用户需要一定的权限访问数据库数据,如果不能赋予DMDRS同步用户DBA权限,为确保同步的正确性,数据库管理员可根据应用场景配置数据库同步用户的最小权限。 1、源数据库同步用户最小权限 赋予…

作者头像 李华
网站建设 2026/6/6 6:43:51

微信小游戏首发新游“内购二八分成”,激励金能拿400万!

12月30日消息,为持续鼓励开发者进行优质内容创作,微信小游戏今日正式宣布将于2026年1月1日起正式升级IAP小游戏激励政策。此次新政旨在通过真金白银的让利,支持优质游戏运营,助推开发者进入更高规模的商业正向循环。此次政策调整后…

作者头像 李华
网站建设 2026/6/6 7:30:37

【毕业设计】机器学习基于python深度学习的会飞的昆虫识别

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/6/8 6:18:58

硬核!使用 eBPF kprobe 高性能解码 HTTP2 压缩头

摘要:本文介绍了 DeepFlow 新增的基于 eBPF kprobe 的 HTTP2/gRPC 压缩头部高性能解码能力。针对 HTTP2 协议使用 HPACK 算法压缩头部导致难以通过内核探针直接获取字段的问题,DeepFlow 通过自动学习通信双方的动态压缩字典,实现了无需依赖 u…

作者头像 李华
网站建设 2026/6/6 13:07:13

亚马逊卖家技术指南:符合平台规则的店铺评价优化策略

在亚马逊上,79%的消费者认为用户评论与亲友推荐同等重要,而自发留评率仅有1%-3%,一个小众却实用的运营方法正在成为卖家弥补这一巨大落差的关键。在亚马逊平台,产品评价直接影响商品的搜索排名和消费者购买决策。根据行业数据&…

作者头像 李华