对象字面量

对象定义：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