为何JavaScript打印数组时输出全部元素而非预期的半数组？

先看你的代码：

let a = [];
for (let i = 1; i < 5; i++) {
  if (i === 2) console.log(a)
  a.push(i)
}

你以为在i === 2时打印的是[1]，但展开控制台的数组后看到的是[1,2,3,4]，核心原因是浏览器控制台对引用类型的延迟解析：

• 代码执行到console.log(a)时，数组a确实只有[1]，但控制台只是记录了这个数组的引用，并没有立刻把数组的所有元素快照下来。
• 后续循环继续执行，a.push(i)不断往数组里添加元素，数组的实际内容最终变成了[1,2,3,4]。
• 当你在控制台里点击展开数组时，浏览器才会读取这个引用指向的当前数组内容，所以看到的是最终的完整数组。

验证与解决方法 #

如果想看到打印那一刻的数组真实状态，可以把数组转成快照形式：

1. 转成字符串打印，直接固定当时的内容：

let a = [];
for (let i = 1; i < 5; i++) {
  if (i === 2) console.log(JSON.stringify(a))
  a.push(i)
}

这时候控制台会直接输出"[1]"，就是打印那一刻的真实值。

2. 用扩展运算符创建新数组（浅拷贝）打印，和原数组后续修改隔离：

let a = [];
for (let i = 1; i < 5; i++) {
  if (i === 2) console.log([...a])
  a.push(i)
}

这样打印的是独立的新数组，展开后能看到[1]。

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