当前位置：首页 > 行业动态 > 正文

对象字面量js 字面量

admin
行业动态
2024-06-24
2

对象字面量是JavaScript中创建对象的一种简洁方式，允许直接在代码中定义对象的键值对。它使用花括号 {}包裹，内部由键和值组成，键为字符串或标识符，值可以是任意类型，键值对之间用逗号 ,分隔。

对象字面量（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中对象字面量的介绍：

特性	描述
基本语法	使用花括号{} 包围键值对
键值对	由键和值组成，使用冒号: 分隔
键（Key）	通常是一个字符串或者symbol，也可以是数字（在对象中会被自动转换为字符串）
值（Value）	可以是任何数据类型，包括数字、字符串、数组、函数、对象等
属性访问	使用点表示法.属性名或括号表示法[属性名]
可变性	对象是可变的，可以添加、修改或删除属性
简写	如果键和变量名相同，可以简写为一个
计算属性名	可以在对象字面量中使用方括号[] 来定义动态的属性名
方法简写	如果属性值是一个函数，可以省略冒号和function关键字，直接写函数定义
属性赋值简写	在方法内可以使用this关键字访问对象的其他属性

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

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"]); // 输出：北京朝阳区