JavaScript数组创建及常用方法详解

一分耕耘，一分收获！既然都打开这篇《JavaScript数组创建与常用方法解析》，就坚持看下去，学下去吧！本文主要会给大家讲到等等知识点，如果大家对本文有好的建议或者看到有不足之处，非常欢迎大家积极提出！在后续文章我会继续更新文章相关的内容，希望对大家都有所帮助！

最常用数组创建方式是字面量语法，如const arr = [1, 2, 3]；Array构造函数适用于动态场景；增删改类方法需区分是否修改原数组；遍历与转换方法应按用途选择，如map/filter返回新数组，forEach无返回值，reduce用于聚合计算。

JavaScript 数组可以通过字面量语法或构造函数创建，常用方法包括增删改查、遍历、转换等，核心在于理解每个方法是否改变原数组以及返回值类型。

如何创建数组

最常用的是数组字面量，简洁且性能好；构造函数适合动态长度或单个数值参数的场景。

• 字面量方式（推荐）： const arr = [1, 2, 3];
• Array 构造函数： const arr = new Array(1, 2, 3); 或 new Array(5)（创建长度为 5 的空数组）
• 从类数组或可迭代对象转换： Array.from("abc") → ["a","b","c"]，Array.from({length: 3}, (_, i) => i) → [0,1,2]

增删改类常用方法

注意区分“会修改原数组”和“返回新数组”的方法，避免意外副作用。

• 添加元素： push()（尾部加）、unshift()（头部加）——修改原数组
• 删除元素： pop()（删尾）、shift()（删头）、splice(start, deleteCount, ...items)（任意位置增删）——修改原数组
• 替换/填充： fill(value, start, end)（批量填值）、splice() 也可用于替换

查询与遍历方法

按用途选择：需要返回新数组用 map/filter，只需执行操作用 forEach，要找某个值用 find/findIndex/includes。

• 查找元素： includes()（布尔值）、indexOf()/lastIndexOf()（索引）、find()/findIndex()（满足条件的第一个）
• 遍历执行： forEach()（无返回值，不支持 break）
• 生成新数组： map()（映射）、filter()（筛选）、flatMap()（映射+扁平化一层）

转换与聚合方法

这些方法常用于数据处理链式调用，注意 reduce 是功能最强大的聚合工具。

• 连接成字符串： join(separator)（默认逗号），toString()（简单逗号拼接）
• 反转与排序： reverse()、sort() —— 都修改原数组，数字排序记得传比较函数：arr.sort((a,b) => a - b)
• 归并计算： reduce((acc, cur) => ..., initialValue)，如求和：[1,2,3].reduce((sum, n) => sum + n, 0)
• 扁平化： flat(depth)（默认 depth=1），flat(Infinity) 可完全扁平化嵌套数组

今天关于《JavaScript数组创建及常用方法详解》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！