在 JavaScript 中，使用数组的值时，有以下五个方法：console.log() 方法，输出到控制台；document.write() 方法，写入 HTML 文档；innerHTML 属性，写入到 HTML 元素中；forEach() 方法，遍历数组并写入到 HTML 元素中；map() 方法，映射数组内容并写入到 HTML 元素中。
如何使用 JavaScript 展示数组的值
在 JavaScript 中，可以使用以下方法展示数组的值：
1. 使用 console.log() 方法
console.log() 方法用于在浏览器的控制台中输出数据。可以使用该方法将数组的值打印到控制台。
例如：
芦笋演示
一键出成片的录屏演示软件，专为制作产品演示、教学课程和使用教程而设计。
34 查看详情
const arr = [1, 2, 3, 4, 5];console.log(arr);输出：
[ 1, 2, 3, 4, 5 ]2. 使用 document.write() 方法
document.write() 方法用于向 HTML 文档写入内容。可以使用该方法将数组的值写入文档。
例如：
const arr = [1, 2, 3, 4, 5]; document.write(arr);输出：
1,2,3,4,53. 使用 innerHTML 属性
innerHTML 属性用于获取或设置 HTML 元素的内容。可以使用该属性将数组的值转换为字符串并将其写入元素中。
例如：
const arr = [1, 2, 3, 4, 5]; document.getElementById("demo").innerHTML = arr.join(", ");输出：
4. 使用 forEach() 方法
forEach() 方法用于遍历数组的每个元素并执行指定的函数。可以使用该方法遍历数组并使用 innerHTML 属性将值写入 HTML 元素中。
例如：
const arr = [1, 2, 3, 4, 5]; arr.forEach((item) => { document.getElementById("list").innerHTML += `${item} `; });输出：
- 1
- 2
- 3
- 4
- 5
5. 使用 map() 方法
map() 方法用于创建数组的副本，并将函数应用于每个元素。可以使用该方法将数组的值映射到字符串并将其写入 HTML 元素中。
例如：
const arr = [1, 2, 3, 4, 5]; const mappedArr = arr.map((item) => `${item}`); document.getElementById("container").innerHTML = mappedArr.join(" ");输出：
以上就是js如何展示数组的值的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/392456.html
微信扫一扫 
支付宝扫一扫 
