JavaScript对象与数组

在JavaScript中，对象和数组是两种非常重要的数据结构，它们提供了存储和操作数据的强大方式。让我们详细探讨这些概念。

### 4.1 对象基础
#### 定义
对象是键值对的集合，其中键是字符串（或符号），值可以是任何数据类型。

#### 创建对象
```javascript
// 字面量方式创建对象
const person = {
  name: "Alice",
  age: 25,
  greet: function() {
    console.log("Hello, " + this.name + "!");
  }
};

// 使用new Object()创建对象
const person = new Object();
person.name = "Alice";
person.age = 25;
```

#### 访问和修改属性
```javascript
// 点表示法
console.log(person.name); // 输出: Alice

// 方括号表示法
console.log(person["name"]); // 输出: Alice

// 修改属性
person.age = 26;
```

#### 方法
对象中的函数属性称为方法。
```javascript
person.greet(); // 输出: Hello, Alice!
```

### 4.2 数组基础
#### 定义
数组是存储多个值的有序集合，可以包含任何类型的值。

#### 创建数组
```javascript
// 字面量方式创建数组
const numbers = [1, 2, 3, 4, 5];

// 使用Array构造函数
const numbers = new Array(1, 2, 3, 4, 5);
```

#### 访问和修改元素
```javascript
// 访问元素
console.log(numbers[0]); // 输出: 1

// 修改元素
numbers[0] = 10;
```

#### 长度
数组有一个`length`属性，表示数组中的元素数量。
```javascript
console.log(numbers.length); // 输出: 5
```

### 4.3 对象和数组的高级操作
#### 对象的高级操作
- **对象字面量简写**：如果变量名和属性名相同，可以省略属性名。
  ```javascript
  const name = "Alice";
  const person = { name }; // 等同于 { name: name }
  ```

- **方法简写**：如果函数的名称和键名相同，可以省略函数名。
  ```javascript
  const person = {
    name() {
      return "Alice";
    }
  };
  ```

- **对象解构**：从对象中提取数据。
  ```javascript
  const { name } = person;
  console.log(name); // 输出: Alice
  ```

- **Object.keys()**：返回一个包含对象所有自身属性名的数组。
  ```javascript
  console.log(Object.keys(person)); // 输出: ["name", "age", "greet"]
  ```

#### 数组的高级操作
- **数组方法**：数组提供了许多方法来操作数组元素，如`map()`、`filter()`、`reduce()`等。
  ```javascript
  // map() 创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数的返回值
  const squares = numbers.map(x => x * x);
  console.log(squares); // 输出: [1, 4, 9, 16, 25]

// filter() 创建一个新数组, 其包含通过所提供函数实现的测试的所有元素
  const evenNumbers = numbers.filter(x => x % 2 === 0);
  console.log(evenNumbers); // 输出: [2, 4]

// reduce() 对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值
  const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
  console.log(sum); // 输出: 15
  ```

- **数组解构**：从数组中提取数据。
  ```javascript
  const [first, second, ...rest] = numbers;
  console.log(first); // 输出: 1
  console.log(rest); // 输出: [3, 4, 5]
  ```

- **数组的扩展运算符**：用于展开数组。
  ```javascript
  const combined = [...numbers, 6, 7];
  console.log(combined); // 输出: [1, 2, 3, 4, 5, 6, 7]
  ```

对象和数组是JavaScript中非常强大的数据结构，它们提供了丰富的方法和操作来处理复杂的数据。希望这些信息能帮助你更好地理解和使用它们。如果你有任何问题或需要进一步的解释，请随时提问。