对象字面量js 字面量

对象字面量（Object Literal）是JavaScript中创建对象的一种方式，它使用花括号{}包围，内部由零个或多个键值对组成，每个键值对用逗号分隔，键值对中的键是一个字符串，表示对象的属性名；值可以是任意类型的数据，表示属性的值。

对象字面量的基本结构

对象字面量的基本结构如下：

let obj = {
  key1: value1,
  key2: value2,
  // ...
};

key是对象的属性名，value是属性值。

对象字面量的使用示例

示例1：创建一个简单的对象

let person = {
  name: "张三",
  age: 30,
  gender: "男"
};

在这个例子中，我们创建了一个名为person的对象，它有三个属性：name、age和gender，分别对应的值为"张三"、30和"男"。

示例2：访问对象的属性

console.log(person.name); // 输出 "张三"
console.log(person.age);  // 输出 30
console.log(person.gender); // 输出 "男"

在这个例子中，我们通过.操作符访问了person对象的属性，并将属性值输出到控制台。

示例3：修改对象的属性值

person.name = "李四";
console.log(person.name); // 输出 "李四"

在这个例子中，我们将person对象的name属性值修改为"李四"，并输出新的属性值。

示例4：添加新属性

person.job = "程序员";
console.log(person.job); // 输出 "程序员"

在这个例子中，我们给person对象添加了一个新属性job，并设置了属性值为"程序员"，然后输出新添加的属性值。

示例5：删除属性

delete person.job;
console.log(person.job); // 输出 undefined

在这个例子中，我们使用delete操作符删除了person对象的job属性，然后尝试输出该属性值，结果为undefined。

下面是一个关于JavaScript中对象字面量的介绍：

下面是一个对象字面量的示例：

let person = {
  firstName: "张", // 字符串键值对
  lastName: "伟", // 字符串键值对
  age: 30, // 数字键值对
  greet: function() { // 函数属性
    console.log(你好，${this.firstName}${this.lastName});
  },
  // 简写属性
  fullName() {
    return this.firstName + this.lastName;
  },
  // 计算属性名
  ["address_" + 1]: "北京朝阳区"
};
// 使用点表示法访问属性
console.log(person.firstName); // 输出：张
// 使用括号表示法访问属性
console.log(person["address_1"]); // 输出：北京朝阳区