在本实验中，你将探索 JavaScript 中最基本的数据结构之一：数组。数组是一种特殊的变量，可以一次存储多个值。数组用于存储有序的数据集合，例如项目列表、数字或字符串。
你将学习如何：
在本实验中，你将在 WebIDE 中进行操作。你将在 script.js 文件中编写 JavaScript 代码。要查看代码结果，你将使用浏览器的开发者控制台，可以在“Web 8080”选项卡中访问它。
在本步骤中，你将学习创建 JavaScript 数组最常用的方法：使用数组字面量。数组字面量是由零个或多个表达式组成的列表，每个表达式代表一个数组元素，并用方括号 ([]) 包围。
首先，在 WebIDE 左侧的文件浏览器中找到 script.js 文件。点击它在编辑器中打开。
现在，将以下代码添加到 script.js 中，以创建一个水果数组并将其记录到控制台。
const fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits);添加代码后，保存文件（你可以使用 Ctrl+S 或 Cmd+S）。要查看输出，请切换到屏幕顶部的“Web 8080”选项卡。你可能需要打开浏览器的开发者控制台（通常通过按 F12 或右键单击页面并选择“检查”，然后导航到“控制台”选项卡）。你应该会在控制台中看到打印出的数组。
["Apple", "Banana", "Cherry"];
在本步骤中，你将学习如何访问数组中的单个元素。JavaScript 数组是零基索引的，这意味着第一个元素位于索引 0，第二个元素位于索引 1，依此类推。你可以通过在方括号中引用元素的索引号来访问它。
让我们继续编辑 script.js 文件。在现有代码下方添加以下行，以访问并记录 fruits 数组的第一个元素。
// Access the first element (index 0)
const firstFruit = fruits[0];
console.log("The first fruit is:", firstFruit);
// Access the third element (index 2)
console.log("The third fruit is:", fruits[2]);保存 script.js 文件并刷新“Web 8080”选项卡。检查开发者控制台。除了上一步的输出外，你还会看到新的输出。
The first fruit is: Apple
The third fruit is: Cherry
在本步骤中，你将学习如何向现有数组的末尾添加一个新元素。最简单的方法是使用 push() 方法。此方法将一个或多个元素添加到数组的末尾，并返回数组的新长度。
将以下代码添加到你的 script.js 文件末尾，以便将“Orange”添加到你的 fruits 数组中。
// Add a new element to the end of the array
fruits.push("Orange");
console.log("Array after push:", fruits);保存文件并在“Web 8080”选项卡中检查控制台。你将看到 fruits 数组现在包含四个元素。
Array after push: [ "Apple", "Banana", "Cherry", "Orange" ]
在本步骤中，你将学习如何使用 pop() 方法从数组中移除最后一个元素。此方法会移除数组的最后一个元素并返回该元素。此操作会改变数组的长度。
将以下代码添加到你的 script.js 文件末尾。这将移除你刚刚添加的最后一个元素，并记录被移除的元素和更新后的数组。
// Remove the last element from the array
const removedFruit = fruits.pop();
console.log("Removed fruit:", removedFruit);
console.log("Array after pop:", fruits);保存文件并在“Web 8080”选项卡中观察控制台输出。你将看到“Orange”已被移除，数组恢复到最初的三个元素。
Removed fruit: Orange
Array after pop: [ "Apple", "Banana", "Cherry" ]
在本步骤中，你将学习如何遍历数组中的所有元素。一种常见的方法是使用 for 循环。你可以使用数组的 length 属性来确定循环应该运行多少次。
将以下 for 循环添加到 script.js 的末尾，以便在控制台的每一行打印数组中的每个水果。
console.log("Iterating through the array with a for loop:");
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}循环从 i = 0 开始，只要 i 小于 fruits 数组的长度就会继续。在每次迭代中，它会打印当前索引 i 处的元素。
保存文件并在“Web 8080”选项卡中检查控制台。你将看到每个水果单独列出。
Iterating through the array with a for loop:
Apple
Banana
Cherry
恭喜你完成了 JavaScript 数组的实验！
在本实验中，你学习了在 JavaScript 中处理数组的基本操作。你练习了：
[] 创建数组。array[0]。push() 方法向数组末尾添加元素。pop() 方法从数组末尾移除元素。for 循环和 length 属性遍历数组中的每个元素。数组是 JavaScript 编程的基石。还有许多更强大的方法可以探索，例如 forEach()、map() 和 filter()，它们可以让你的代码更加简洁和富有表现力。继续练习以掌握这个基本数据结构。
