為什么 Array.prototype.join() 會展平任意深度的數組？

Question

使用一些 JavaScript 和我認為應該產生錯誤的東西碰巧按預期工作。 [].join()似乎可以展平任何深度的嵌套數組。

var arr = [['a'], ['b'], ['c']];
arr.join('-'); // => 'a-b-c'

甚至var arr = [['a'], [[[[[[[[['b']]]]]]]]], ['c']]; 返回與上面完全相同的結果。

這特別奇怪，因為它返回對象的預期（錯誤）行為：

var arr = [{}, {}, {}];
arr.join('-'); // => '[object Object]-[object Object]-[object Object]'

想知道這是最新版 chrome (53.0.2785.116) 的一項功能、意圖還是錯誤？

Answer 1

對於要連接的數組中的每個元素，發生的第一件事是該元素被強制轉換為字符串。 就像是

[[[[["b"]]]]]

當被強制為字符串時將只是

"b"

因此，當您進行連接時，在連接過程將元素粘合在一起之前，組成元素將被強制為字符串。

Answer 2

這是['a']上的默認toString行為導致'a' 。 因此[['a']].toString()也會導致'a' 。 在控制台中玩這個應該清楚這一點。 如果您的數組有多個元素，您會看到不同，因為['a', 'b'].toString()將導致'a,b' 。