在 JavaScript 中，复杂数据类型主要包含 对象 和 数组。这两个数据类型非常强大且灵活，能够满足日常开发中对数据组织和处理的各种需求。
对象
对象是一种复合数据类型，允许我们将数据和功能（方法）组织在一起。对象的每个数据项被称为属性，属性由键（字符串类型）和值组成。
创建对象
我们可以使用对象字面量、构造函数或 Object.create 方法来创建对象。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
const person = {
name: "Alice",
age: 30,
greet: function() {
console.log(`Hello, my name is ${this.name}`);
}
};
function Person(name, age) {
this.name = name;
this.age = age;
this.greet = function() {
console.log(`Hello, my name is ${this.name}`);
};
}
const person2 = new Person("Bob", 25);
const person3 = Object.create(person);
person3.name = "Charlie";
|
访问和修改对象属性
我们可以通过点符号或方括号语法访问和修改对象的属性。
1
2
3
4
5
6
7
8
| console.log(person.name);
person.age = 31;
console.log(person.age);
console.log(person["name"]);
person["age"] = 32;
console.log(person["age"]);
|
遍历对象
可以使用 for...in 循环来遍历对象的属性。
1
2
3
| for (let key in person) {
console.log(`${key}: ${person[key]}`);
}
|
数组
数组是一个特殊类型的对象，用于存储有序的数据集合。数组中的每个元素都有一个索引，索引从 0 开始。
创建数组
可以使用数组字面量或 Array 构造函数来创建数组。
1
2
3
4
5
|
const fruits = ["apple", "banana", "orange"];
const numbers = new Array(1, 2, 3, 4, 5);
|
访问和修改数组元素
数组的元素可以通过索引访问和修改。
1
2
3
| console.log(fruits[0]);
fruits[1] = "strawberry";
console.log(fruits[1]);
|
数组方法
JavaScript 提供了许多有用的数组方法。以下是一些常用的方法：
push(): 在数组末尾添加一个或多个元素。pop(): 删除数组末尾的元素并返回该元素。shift(): 删除数组开头的元素并返回该元素。unshift(): 在数组开头添加一个或多个元素。map(): 创建一个新数组，包含对原始数组元素调用给定函数后的结果。
示例代码：
1
2
3
4
5
| fruits.push("grape");
console.log(fruits);
const doubled = numbers.map(num => num * 2);
console.log(doubled);
|
总结
在 JavaScript 中，掌握 对象 和 数组 的使用对于构建复杂的应用程序至关重要。通过灵活的对象和数组操作，我们可以有效地管理和处理数据，提升我们的开发效率。务必多尝试不同的案例，以加深对复杂数据类型的理解！
