JavaScript unshift() 方法详解：为什么只输出长度不输出数组？

你是否遇到过使用 JavaScript 的 unshift() 方法向数组开头添加元素时，在控制台使用 console.log() 却只输出了一个数字，而没有显示整个数组的情况？

例如，运行以下代码：javascriptvar arr1 = ['a', 'b', 'c', 'd', 'e'];console.log('unshift', arr1.unshift('666'));

你可能会惊讶地发现控制台只输出了 6，而不是预期的 ['666', 'a', 'b', 'c', 'd', 'e']。

这是为什么呢？

这是因为 console.log() 函数默认在命令行或浏览器控制台中输出结果，而不会在网页中直接显示。在上面的代码中，arr1.unshift('666') 的返回值是新数组的长度，也就是 6。所以 console.log() 只输出了这个长度值。

如何在网页中显示数组？

要在网页中显示数组，可以使用其他方法，例如：

将数组内容放入 HTML 元素中：

javascript var arr1 = ['a', 'b', 'c', 'd', 'e']; arr1.unshift('666'); document.getElementById('myDiv').innerHTML = arr1.join(', ');

这将在 id 为 myDiv 的 HTML 元素中显示数组元素，以逗号分隔。
使用循环遍历数组并显示每个元素：

javascript var arr1 = ['a', 'b', 'c', 'd', 'e']; arr1.unshift('666'); var output = ''; for (var i = 0; i < arr1.length; i++) { output += arr1[i] + ' '; } document.getElementById('myDiv').innerHTML = output;

这将使用循环遍历数组，并将每个元素添加到一个字符串中，最后将字符串显示在 id 为 myDiv 的 HTML 元素中。

希望这篇文章能够帮助你理解为什么使用 console.log() 输出 unshift() 结果时只显示长度，以及如何在网页中正确显示数组内容。