JavaScript中Array.push()方法的底层工作原理是什么？

你在C语言课程里学到的数组，是编译器层面直接映射到连续内存块的结构，数组长度在内存分配完成时就完全固定，后续不能直接扩展，这部分知识点完全正确——但这和JS里的Array根本不是同一类结构。
JS规范里定义的Array是动态有序列表，从设计上就允许任意修改长度，不存在“分配时就锁死最大容量”的硬约束。

你猜测的“每次push都创建新数组、再把变量指向新数组”的实现方式效率极低，主流JS引擎（Chrome/V8、Firefox/SpiderMonkey等）从不会这么设计，实际流程分两种情况：

• 当数组当前预留容量足够容纳新增元素时：引擎会直接把新元素写入数组已分配内存的空闲位置，将length属性对应的值增加1。这个过程完全是在原有数组对象的内存空间内完成的，既不会创建新的数组对象，也不会改变量的指向。

  这种“数组实际长度（length）和底层内存块预留总容量分离”的设计，和Java ArrayList、Python list的动态扩容逻辑完全一致，核心目的是减少昂贵的整块内存申请操作，避免每次追加元素都做全量内存拷贝。
  举个例子：当你初始化const arr = [1,2]时，引擎不会只给它分配能放2个元素的内存块，通常会额外预留2-4个元素的冗余空间，此时连续执行3-4次arr.push()操作，全程都不会触发内存重新分配。

• 当数组预留容量不足以容纳新增元素时：引擎才会触发扩容流程：
  1. 申请一块比当前容量大（通常是原容量的1.5-2倍大小）的新连续内存块
  2. 将原有数组的所有元素拷贝到新内存块中
  3. 将数组对象内部存储的内存地址指针，从旧内存块更新为指向新块
  4. 把需要追加的新元素写入新块的末尾，更新length值
     哪怕触发扩容，也只是修改了原有数组对象内部的存储指针，从JS使用者的视角看，数组本身还是原来那个引用，根本不存在“生成新数组、把变量重新绑定”的操作——变量从始至终都指向同一个数组对象。

• 只有JS里的不可变式数组操作才会走“生成新数组、重新绑定变量”的逻辑，比如arr = arr.concat(3)、使用展开语法arr = [...arr, 3]这类写法，会创建全新的数组实例。但原生的push()是标准的原地修改方法，完全遵循上面提到的动态内存扩容逻辑。
• 对于特殊场景的稀疏数组，JS引擎甚至会切换成哈希表模式存储元素，根本不依赖连续内存块，扩容逻辑会更灵活，不存在C语言里“连续内存用完就必须重新申请整块”的硬约束。

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