在 JavaScript 中，使用数组的值时，有以下五个方法：console.log() 方法，输出到控制台；document.write() 方法，写入 HTML 文档；innerHTML 属性，写入到 HTML 元素中；forEach() 方法，遍历数组并写入到 HTML 元素中；map() 方法，映射数组内容并写入到 HTML 元素中。
如何使用 JavaScript 展示数组的值
在 JavaScript 中，可以使用以下方法展示数组的值：
1. 使用 console.log() 方法
console.log() 方法用于在浏览器的控制台中输出数据。可以使用该方法将数组的值打印到控制台。
例如：
<code class="js">const arr = [1, 2, 3, 4, 5]; console.log(arr);</code>
输出：
<code>[ 1, 2, 3, 4, 5 ]</code>
2. 使用 document.write() 方法
document.write() 方法用于向 HTML 文档写入内容。可以使用该方法将数组的值写入文档。
例如：
<code class="html"><html> <body> <script> const arr = [1, 2, 3, 4, 5]; document.write(arr); </script> </body> </html></code>
输出：
<code>1,2,3,4,5</code>
3. 使用 innerHTML 属性
innerHTML 属性用于获取或设置 HTML 元素的内容。可以使用该属性将数组的值转换为字符串并将其写入元素中。
例如：
<code class="html"><div id="demo"></div>
<script>
const arr = [1, 2, 3, 4, 5];
document.getElementById("demo").innerHTML = arr.join(", ");
</script></code>输出：
<div id="demo">1, 2, 3, 4, 5</div>
4. 使用 forEach() 方法
forEach() 方法用于遍历数组的每个元素并执行指定的函数。可以使用该方法遍历数组并使用 innerHTML 属性将值写入 HTML 元素中。
例如：
<code class="html"><ul id="list"></ul>
<script>
const arr = [1, 2, 3, 4, 5];
arr.forEach((item) => {
document.getElementById("list").innerHTML += `<li>${item}</li>`;
});
</script></code>输出：
<ul id="list"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ul>
5. 使用 map() 方法
map() 方法用于创建数组的副本，并将函数应用于每个元素。可以使用该方法将数组的值映射到字符串并将其写入 HTML 元素中。
例如：
<code class="html"><div id="container"></div>
<script>
const arr = [1, 2, 3, 4, 5];
const mappedArr = arr.map((item) => `<span>${item}</span>`);
document.getElementById("container").innerHTML = mappedArr.join(" ");
</script></code>输出：
<div id="container"><span>1</span> <span>2</span> <span>3</span> <span>4</span> <span>5</span></div>
