Javascript中数组的常用方法有哪些？-js教程-PHP中文网

Javascript中数组的常用方法有哪些？

夜晨

发布： 2025-12-20 07:45:12

原创

821人浏览过

JavaScript数组方法按功能分为修改原数组、返回新数组、遍历查询、类型转换四类；常用高频方法为map、filter、find、reduce和splice，需注意是否改变原数组以避免数据意外覆盖。

javascript中数组的常用方法有哪些？

JavaScript数组提供了大量实用方法，按功能可分为修改原数组、返回新数组、遍历查询、类型转换等几类。掌握常用方法能显著提升开发效率，避免手动循环。

改变原数组的方法

这些方法会直接修改原始数组，使用时需注意副作用：

push()：在末尾添加一个或多个元素，返回新长度
pop()：删除并返回最后一个元素
shift()：删除并返回第一个元素
unshift()：在开头添加一个或多个元素，返回新长度
splice()：从指定位置增删改元素，功能最强也最灵活（如 arr.splice(1, 2, 'a', 'b') 表示从索引1开始删2个，插入'a'和'b'）
reverse()：反转数组顺序
sort()：默认按字符串Unicode排序；数字排序需传比较函数，如 arr.sort((a, b) => a - b)

返回新数组的方法

不改变原数组，适合函数式编程习惯：

slice()：浅拷贝部分元素，arr.slice(1, 4) 返回索引1到3的元素（不包含4）
concat()：合并数组或值，返回新数组（[1].concat([2], 3) → [1,2,3]）
map()：对每个元素调用函数，返回映射后的新数组（如 [1,2,3].map(x => x * 2) → [2,4,6]）
filter()：返回满足条件的元素组成的新数组（如 [1,2,3].filter(x => x > 1) → [2,3]）
flatMap()：先map再flat一层，适合处理嵌套结构

遍历与查询方法

用于查找、判断或执行副作用操作：

动感购物HTML

修正了V1.10的一些BUG感购物HTML系统是集合目前网络所有购物系统为参考而开发，代码采用DIV编号，不管从速度还是安全我们都努力做到最好，此版虽为免费版但是功能齐全，无任何错误，特点有：专业的、全面的电子商务解决方案，使您可以轻松实现网上销售；自助式开放性的数据平台，为您提供充满个性化的设计空间；功能全面、操作简单的远程管理系统，让您在家中也可实现正常销售管理；严谨实用的全新商品数据库，便于