JavaScript 对象的全面指南73

JavaScript 对象是一种数据结构，用于存储一组键值对。与其他编程语言中的对象类似，JavaScript 对象也允许您组织和管理复杂的数据。

创建对象

有两种主要的方法来创建 JavaScript 对象：
对象字面量：使用大括号 ({}) 来创建新对象。
Object 构造函数：使用 new Object() 来创建新对象。


// 使用对象字面量创建对象
const person = {
name: "John Doe",
age: 30,
occupation: "Software Engineer"
};
// 使用 Object 构造函数创建对象
const person2 = new Object();
= "Jane Doe";
= 25;
= "Doctor";

访问对象属性

可以使用点运算符 (.) 或方括号 ([]) 来访问对象的属性：
// 使用点运算符访问属性
(); // 输出："John Doe"
// 使用方括号访问属性
(person2["occupation"]); // 输出："Doctor"

添加和删除属性

可以使用赋值运算符 (=) 来添加新属性，而 delete 运算符可以删除现有属性：
// 添加新属性
= "@";
// 删除现有属性
delete ;

对象方法

对象可以包含方法，即与对象关联的函数：
// 定义一个具有方法的对象
const car = {
make: "Toyota",
model: "Camry",
drive: function() {
("Driving the car...");
}
};
// 调用对象的方法
(); // 输出："Driving the car..."

对象遍历

可以使用 for...in 循环遍历对象的所有属性和值：
// 使用 for...in 循环遍历对象
for (const key in person) {
(`${key}: ${person[key]}`);
}

还可以使用 () 方法获取对象属性的数组，然后使用 forEach() 方法遍历它们：
// 使用 () 和 forEach() 循环遍历对象
const keys = (person);
(key => {
(`${key}: ${person[key]}`);
});

对象继承

JavaScript 中的对象可以通过原型继承来继承其他对象的属性和方法：
// 定义父类对象
const Animal = {
type: "animal",
eat: function() {
("Eating...");
}
};
// 定义子类对象
const Dog = (Animal);
= "dog";
= function() {
("Barking...");
};

其他对象特性

除了上述特性外，JavaScript 对象还具有以下特性：* 可扩展： 可以动态添加和删除属性和方法。
* 有序： 对象键没有特定的顺序，因此遍历对象时键的顺序可能不同。
* 可枚举： 可以使用 () 方法获取对象的可枚举属性的数组。
* 原型链： 当对象引用不存在的属性时，JavaScript 会在原型链中搜索该属性。
* Symbol 数据类型： 可以使用 Symbol 数据类型创建唯一的属性键，这些键不会出现在 () 遍历中。

何时使用对象

JavaScript 对象适合用于组织和管理复杂数据，例如用户数据、产品列表或任何具有明确结构的数据。

2025-02-07

上一篇：JavaScript 序列化 JSON 详解

下一篇：UC 浏览器 JavaScript 入门指南