在HTML中使用JavaScript数组需通过<script>标签定义数组，如let fruits = ["苹果", "香蕉"]; 2. 可用DOM操作将数组内容显示在页面，如document.getElementById("demo").innerHTML = cities; 3. 常用数组方法包括push、pop、indexOf、join和forEach等，用于增删查改及遍历。
在HTML中使用JavaScript数组，实际上是在HTML页面中通过<script>标签嵌入JavaScript代码来定义和操作数组。数组是用于存储多个值的变量，可以存放数字、字符串、对象甚至其他数组。
JavaScript数组的基本定义方法
在JavaScript中定义数组有几种常见方式：
- 使用数组字面量（最常用）：
let fruits = ["苹果", "香蕉", "橙子"]; - 使用 new Array() 构造函数：
let numbers = new Array(1, 2, 7); - 创建空数组再赋值：
let colors = [];
colors[0] = "红色";
colors[1] = "蓝色";
在HTML中使用JavaScript数组的示例
将JavaScript代码写在HTML文件中，可以通过操作DOM显示数组内容：
<html><body>
<h2>数组展示</h2>
<p id="demo"></p>
<script>
let cities = ["北京", "上海", "广州", "深圳"];
document.getElementById("demo").innerHTML = cities;
</script>
</body>
</html>
常用数组操作方法
JavaScript提供了丰富的数组方法，便于增删改查：
立即学习“Java免费学习笔记（深入）”；
-
push()：在数组末尾添加元素
fruits.push("葡萄"); -
pop()：移除最后一个元素
fruits.pop(); -
indexOf()：查找元素位置
fruits.indexOf("香蕉"); -
join()：将数组转为字符串
fruits.join(" - "); -
forEach()：遍历数组
fruits.forEach(item => console.log(item));
基本上就这些。在HTML中使用JavaScript数组，核心是掌握数组的定义语法和常用方法，再结合DOM操作把数据展示到页面上即可。不复杂但容易忽略细节，比如索引从0开始、方法是否会修改原数组等。
