为什么String（）使JS中的数组变平？

Question

当发现将String构造函数应用于数组时，我感到惊讶。

为什么这样做。 这是展平数组的好方法吗？

在Mac Chrome，Safari，Firefox上测试结果相同。

String(['a', 'b', ['c', 'd', ['e', 'f']]])

=> "a,b,c,d,e,f"

Answer 1

它调用Array.prototype.toString 。

Answer 2

因为将数组转换为字符串将调用.toString ，因此与调用.join()基本上相同，后者将对数组中的所有元素调用.toString ，然后用逗号将结果删除。 因此，将数组递归地连接到字符串，结果看起来很平坦，因为没有用于数组开始或结束的指示符。 这是逐步的转换：

 [[1, 2, 3], [1, 2, 3]].toString()
 [1, 2, 3].toString() + "," + [1, 2, 3].toString()
 (1 + "," + 2 + "," + 3) + "," + (1 + "," + 2 + "," + 3)
 "1,2,3" + "1,2,3"
 "1,2,3,1,2,3"

Answer 3

它不会修饰数组，而是从数组中产生一个字符串。 为了更好的选择退房Array.flat或者，例如，一些图书馆像lodash flattern（） （或下划线或Rambda ）。

Answer 4

这不是将数组转换为字符串的唯一方法。 JSON.stringify通常是首选：

 const arr = [1,[2,[3]]]; console.log(JSON.stringify(arr)); 

它似乎“弄平”列表的原因是在整个数组上递归调用了String ：

 const arr = [1,[2,[3]]]; console.log( String(arr) ); console.log( String(arr[0]), '+ , +', String(arr[1]) ); console.log( String(arr[0]), '+ , +', String(arr[1][0]), '+ , +', String(arr[1][1]) );