对象定义:JavaScript 中的对象字面量
在 JavaScript 中,对象是属性的集合,属性可以包含基本数据类型和函数(方法)。对象字面量是创建新对象的一种简洁方式。
对象字面量基础
对象字面量使用花括号 {}
定义,属性以 key:value
的形式存在,多个属性之间用逗号分隔。
基本语法:
let objectName = {
key1: value1,
key2: value2,
// ...
};
多行对象字面量
定义对象时,可以将其分为多行以提高可读性。空格和换行符在对象字面量中不是必须的,但通常用于格式化以增强可读性。
多行语法示例:
let person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
属性的动态添加
对象的属性可以在对象创建后动态添加或修改。
动态添加属性示例:
person.address = "123 Main St"; // 添加新属性
console.log(person.address); // 输出: 123 Main St
访问对象属性
可以通过点符号(.
)或方括号符号([]
)访问对象的属性。
访问属性示例:
console.log(person.firstName); // 输出: John
console.log(person["lastName"]); // 输出: Doe
删除对象属性
使用 delete
操作符可以删除对象的属性。
删除属性示例:
delete person.eyeColor; // 删除 eyeColor 属性
console.log(person.eyeColor); // 输出: undefined
遍历对象属性
可以使用 for...in
循环遍历对象的所有可枚举属性。
遍历属性示例:
for (let key in person) {
console.log(key + ": " + person[key]);
}
代码示例
以下是定义和使用 JavaScript 对象的完整示例:
// 定义对象
let person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
// 访问属性
console.log("First Name:", person.firstName);
console.log("Last Name:", person.lastName);
// 动态添加属性
person.job = "Developer";
// 删除属性
delete person.age;
// 遍历对象属性
for (let prop in person) {
if (person.hasOwnProperty(prop)) {
console.log(prop + ": " + person[prop]);
}
}
// 输出:
// First Name: John
// Last Name: Doe
// job: Developer
// firstName: John
// lastName: Doe
// eyeColor: blue