JavaScript 数组

我们有一个标题为“数组”的文章，内容是关于JavaScript中的Array对象。文章结构清晰，分为多个小节，包括描述、数组索引、长度与数值属性的关系、数组方法和空槽、复制方法和修改方法、迭代方法、通用数组方法、构造函数、静态属性、静态方法、实例属性、实例方法、示例等。 我们需要根据文章内容生成一个摘要。摘要应该简洁地概括文章的主要内容和结构。 主要内容： 1. Array对象是JavaScript中用于存储多个元素的数据结构。 2. 数组索引从0开始，可以是整数或字符串形式（但字符串形式会被转换为整数）。 3. 数组的length属性与数组元素相关联，设置或修改数组元素可能会影响length。 4. 数组方法分为修改原数组和返回新数组的方法，以及迭代方法（如forEach、map等）。 5. 数组方法在处理空槽（sparse array）时行为不同。 6. 数组方法可以用于类数组对象（如arguments、DOM集合等）。 7. 文章提供了多个示例，展示如何创建、访问、修改、遍历数组等。 摘要应该涵盖这些要点，并保持简洁。 ### JavaScript 数组 (Array) 概述 JavaScript 数组是用于在单个变量名下存储多个元素的对象，具有以下核心特性： #### 核心特性 1. **可调整大小**：可包含不同数据类型（非类型化） 2. **索引从 0 开始**：第一个元素在索引 0，最后一个在 `length - 1` 3. **浅拷贝操作**：所有复制方法（如 `slice()`、`concat()`）创建浅拷贝 4. **非关联数组**：只能使用非负整数索引访问元素 #### 关键概念 - **数组索引**：必须使用非负整数（或其字符串形式），字符串索引会被隐式转换 - **长度属性**：与数组元素紧密关联，修改元素可能影响 `length` - **空槽处理**：不同方法对空槽行为不同（如 `forEach()` 跳过空槽，`join()` 视为 `undefined`） #### 方法分类 1. **修改原数组**： - 添加元素：`push()`, `unshift()` - 删除元素：`pop()`, `shift()`, `splice()` - 排序：`sort()`, `reverse()` 2. **返回新数组**： - 复制：`slice()`, `concat()` - 转换：`map()`, `filter()`, `flat()` - 非修改版本：`toReversed()`, `toSorted()`, `toSpliced()` 3. **迭代方法**： - 遍历：`forEach()`, `for...of` - 查找：`find()`, `findIndex()`, `includes()` - 测试：`every()`, `some()` - 聚合：`reduce()`, `reduceRight()` #### 特殊行为 - **类数组支持**：所有数组方法可用于类数组对象（如 `arguments`、DOM 集合） - **并发修改**：迭代方法中修改数组可能导致不可预测行为 - **二维数组**：可通过嵌套数组实现矩阵结构 #### 示例操作 ```javascript // 创建数组 const fruits = ["Apple", "Banana"]; // 添加元素 fruits.push("Orange"); // 末尾添加 fruits.unshift("Strawberry"); // 开头添加 // 删除元素 fruits.pop(); // 删除末尾 fruits.shift(); // 删除开头 fruits.splice(1, 1); // 按索引删除 // 遍历数组 fruits.forEach((item, index) => console.log(index, item)); // 复制数组 const copy = [...fruits]; // 展开语法 const deepCopy = JSON.parse(JSON.stringify(fruits)); // 深拷贝 ``` 数组是 JavaScript 中最基础的数据结构之一，掌握其特性和方法对高效开发至关重要。