JavaScript中直接初始化数组与先声明后push添加元素有何差异？

这两种写法最终都会生成包含value1、value2、value3的数组，从最终结果来看没有本质区别，但在语法、适用场景上存在一些不同，下面具体说明：

一、写法的核心差异 #

• 语法简洁度：写法二是数组字面量语法，直接声明并完成初始化，是创建固定元素数组的标准、简洁写法；写法一先创建空数组再通过push方法添加元素，步骤冗余。
• 适用场景：写法一的push更适合动态添加元素的场景——比如不确定元素数量、需要循环遍历集合添加，或者要根据条件判断是否添加元素时；写法二则是固定元素数组的最优选择。
• 性能差异（可忽略）：现代JavaScript引擎对两种写法的优化已经非常完善，实际运行的性能差异微乎其微。理论上写法二是一次性分配内存，写法一可能存在极细微的数组扩容开销，但完全不会影响代码运行效率。

二、原代码采用写法一的可能原因 #

• 历史遗留问题：原代码最初可能是动态添加元素的逻辑（比如循环遍历某个列表push元素），后续需求变更为固定三个值，但开发者没有修改写法，直接把固定变量传入push。
• 开发者习惯：部分开发者更倾向于先创建空数组再逐步填充元素的写法，哪怕元素是固定的。
• 预留扩展性：原作者可能考虑到后续需要动态添加更多元素，提前采用了push的写法，方便后续扩展。
• 复制粘贴的惯性：代码可能是从其他需要动态添加元素的片段中复制而来，没有做简化处理。

内容的提问来源于stack exchange，提问作者Ben