为何new Array(5).toString()返回四个逗号？原理详解

这个问题涉及到JavaScript里稀疏数组和数组toString()方法的底层逻辑，我一步步给你拆解清楚：

1. new Array(5)创建的是什么数组？ #

当你用new Array(5)时，创建的是一个长度为5的稀疏数组。它和[undefined, undefined, undefined, undefined, undefined]有本质区别：前者是有5个“空位”（empty slots）——数组的长度被设为5，但每个索引位置上并没有实际存储元素；而后者是每个位置都明确存储了undefined值。

2. 数组的toString()方法做了什么？ #

数组的toString()方法本质上会调用数组的join()方法，并且默认使用逗号（,）作为分隔符。也就是说，new Array(5).toString()等价于new Array(5).join(',')。

3. join()如何处理稀疏数组的空位？ #

join()方法在处理稀疏数组的空位时，会把每个空位**当作空字符串（""）**来处理。但关键在于：分隔符是放在“元素”之间的。

举个直观的对比：

• 对于有3个实际元素的数组[1,2,3]，join(',')会生成"1,2,3"——2个逗号，对应3个元素之间的2个分隔位置。
• 对于长度为5的稀疏数组，相当于有5个“空字符串元素”，join(',')会生成"" + "," + "" + "," + "" + "," + "" + "," + ""，拼接后就是",,,,"——正好是4个逗号，对应5个“元素”之间的4个分隔位置。

额外验证：如果是密集数组呢？ #

如果你把稀疏数组转成每个位置都是undefined的密集数组，比如：

Array.from(new Array(5)).toString()

这时候会输出"undefined,undefined,undefined,undefined,undefined"，因为Array.from()会把空位填充为undefined，join()会把undefined转为字符串"undefined"，再用逗号连接。

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