[JavaScript] 数组与对象详解

数组和对象是 JavaScript 中的核心数据结构，频繁应用于日常开发中。为了让知识点更详细，并强调实用性，我将按以下顺序进行讲解：数组和对象的 基础操作、 常用方法、 高级技巧，以及在实际开发中的 典型应用场景。

---

数组（Array）

什么是数组

数组是一个有序的元素集合，可以存储多种数据类型（数字、字符串、对象等）。

创建数组的方式：

// 方式1：字面量
const arr1 = [1, 2, 3, 4];

// 方式2：使用Array构造函数
const arr2 = new Array(5); // 创建一个长度为5的空数组
const arr3 = new Array(1, 2, 3); // 创建包含具体元素的数组

---

数组的常用操作

访问数组元素

通过索引访问元素（从 0 开始计数）。

const arr = [10, 20, 30];
console.log(arr[0]); // 输出 10

修改数组元素

arr[1] = 25; // 修改索引为 1 的元素
console.log(arr); // 输出 [10, 25, 30]

数组的长度

length 属性表示数组的长度。

const arr = [1, 2, 3];
console.log(arr.length); // 输出 3

添加和删除元素

• push：向数组末尾添加元素。
• pop：移除数组末尾的元素。
• unshift：在数组开头添加元素。
• shift：移除数组开头的元素。

const arr = [1, 2, 3];
arr.push(4)