JavaScript数组字面量与Array区别

JavaScript中创建数组时，数组字面量`[]`与`new Array()`构造函数存在关键差异：前者行为一致、类型安全、性能更优且语义清晰，而后者在单参数时极易混淆（如`new Array(5)`创建长度为5的稀疏数组而非含元素`[5]`），还伴随隐式类型转换风险和可读性缺陷；因此日常开发应坚定不移地优先使用字面量，仅在极少数明确需要稀疏结构的特殊场景下才谨慎选用构造函数。

JavaScript中用[]创建数组和用new Array()创建数组，行为并不总是一致，尤其在单个参数时容易出错。

单参数情况：字面量始终创建含一项的数组，构造函数则可能创建指定长度的空数组

当传入一个数字参数时，Array构造函数会将其解释为数组长度，而非数组元素：

• [5] → 数组[5]（含一个数字元素）
• new Array(5) → 数组[empty × 5]（长度为5，但所有位置都是空槽，没有实际元素）
• new Array(1, 2, 3) → [1, 2, 3]（多个参数时，才作为元素值）

类型安全与可预测性：字面量更直观，构造函数易引发隐式转换歧义

Array构造函数对参数类型不敏感，可能触发意外行为：

• new Array("hello") → ["hello"]（字符串被当作元素）
• new Array({}) → [{}]（对象也被当作元素）
• 但new Array(null) → [null]，而new Array(undefined) → [undefined]，表面一致，实则逻辑混杂
• 相比之下，["hello"]、[{}]、[null]、[undefined] 含义清晰统一

性能与可读性：字面量更轻量，也更符合现代代码习惯

引擎对字面量有深度优化，且语法简洁明确：

• []比new Array()少写5个字符，无括号嵌套，不易拼错
• ES6+新增的扩展运算符、解构、数组方法（如Array.from）都默认配合字面量使用
• 若真需创建指定长度的稀疏数组（如初始化缓冲区），应显式说明意图，例如：Array.from({ length: 5 }) 或 new Array(5).fill(undefined)

日常开发中优先使用数组字面量，仅在极少数需要动态长度且明确接受稀疏结构的场景下才谨慎考虑Array构造函数。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript数组字面量与Array区别》文章吧，也可关注golang学习网公众号了解相关技术文章。