JavaScript数组操作方法涵盖增删改查、遍历、排序等场景，1. 增加元素用push、unshift、splice或concat；2. 删除元素用pop、shift、splice或filter；3. 遍历查找可用forEach、map、find、findIndex、some和every；4. 排序反转使用sort和reverse；5. 转换提取通过slice、join、flat及扩展运算符实现，掌握这些方法可高效处理数据。
JavaScript 中数组是开发中最常用的数据结构之一，掌握丰富的数组操作方法能极大提升数据处理效率。以下整理了常见的数组操作方法，涵盖增删改查、遍历、转换、排序等场景，适用于日常开发中的各类需求。
1. 增加元素：向数组添加新项
向数组中添加元素有多种方式，根据插入位置选择合适的方法：
- push()：在数组末尾添加一个或多个元素，返回新长度
- unshift()：在数组开头添加元素，返回新长度
- splice(start, 0, item)：在指定位置插入元素
- concat()：合并数组并返回新数组，不修改原数组
const arr = [2, 3]; arr.push(4); // [2, 3, 4] arr.unshift(1); // [1, 2, 3, 4] arr.splice(1, 0, 1.5); // [1, 1.5, 2, 3, 4]
2. 删除元素：移除不需要的数据
删除操作需注意是否改变原数组及返回值类型：
- pop()：删除最后一个元素，返回被删除的值
- shift()：删除第一个元素，返回被删除的值
- splice(index, count)：从指定位置删除若干元素
- filter()：通过条件筛选生成新数组，适合按值删除
delete arr[i]，会留下 undefined 空位。
3. 遍历与查找：访问和检索数组内容
遍历数组时应根据用途选择合适的方法：
立即学习“Java免费学习笔记（深入）”；
成新网络商城购物系统
下载
使用模板与程序分离的方式构建，依靠专门设计的数据库操作类实现数据库存取，具有专有错误处理模块，通过 Email 实时报告数据库错误，除具有满足购物需要的全部功能外，成新商城购物系统还对购物系统体系做了丰富的扩展，全新设计的搜索功能，自定义成新商城购物系统代码功能代码已经全面优化，杜绝SQL注入漏洞前台测试用户名：admin密码：admin888后台管理员名：admin密码：admin888
- forEach()：执行副作用操作（如打印、修改外部变量）
- map()：映射生成新数组，常用于数据转换
- find()：返回第一个满足条件的元素
- findIndex()：返回符合条件元素的索引
- some() 和 every()：判断是否存在或全部满足条件
const users = [{id: 1, active: true}, {id: 2, active: false}];
const activeUser = users.find(u => u.active); // {id: 1, active: true}
const allActive = users.every(u => u.active); // false
4. 排序与反转：调整数组顺序
这类方法直接修改原数组，使用时注意是否需要保留原始顺序：
- sort()：默认按字符串排序，可传入比较函数实现数字或自定义排序
- reverse()：反转数组元素顺序
[3, 1, 10].sort((a, b) => a - b); // 正确：[1, 3, 10]
5. 转换与提取：获取子集或格式化数据
这些方法常用于数据清洗和结构转换：
- slice(start, end)：提取子数组，不修改原数组
- join(separator)：将数组转为字符串，用指定符号连接
- split()（字符串方法）配合使用可实现字符串与数组互转
- flat() 和 flatMap()：处理嵌套数组
[...arr] 实现浅拷贝或合并。
基本上就这些核心操作，熟练掌握后能应对大多数 JavaScript 数据处理任务。关键是理解每个方法是否修改原数组、返回什么类型以及适用场景。
