删繁就简，直击重点，JS 对象的基本操作：增删改查

2023-12-21 10:52:02

一、对象创建：

1. 第一种语法：

// 创建一个空对象
const person = {};

// 创建一个包含键值对的对象
const person2 = {
  name: "John",
  age: 30,
  city: "New York"
};

2. 第二种语法：

// 使用 new 创建对象
const person = new Object();

// 创建一个包含键值对的对象
const person2 = new Object({
  name: "John",
  age: 30,
  city: "New York"
});

二、对象声明：

1. 声明一个空对象：

const person = {};

2. 声明一个包含键值对的对象：

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

三、对象操作：

1. 添加属性：

// 使用点运算符添加属性
person.email = "john@example.com";

// 使用方括号添加属性
person["phone"] = "123-456-7890";

2. 删除属性：

// 使用 delete 运算符删除属性
delete person.email;

// 使用方括号删除属性
delete person["phone"];

3. 修改属性：

// 使用点运算符修改属性
person.name = "Jane";

// 使用方括号修改属性
person["age"] = 31;

4. 检索属性：

// 使用点运算符检索属性
const name = person.name;

// 使用方括号检索属性
const age = person["age"];

四、小试牛刀，亲自上阵：

为了加深对 JavaScript 对象的理解，您不妨亲自尝试编写以下代码：

// 创建一个学生对象
const student = {
  name: "Bob",
  age: 20,
  city: "Beijing"
};

// 添加一个属性
student.email = "bob@example.com";

// 修改一个属性
student.age = 21;

// 删除一个属性
delete student.city;

// 检索一个属性
const studentName = student.name;

// 打印对象
console.log(student);