📌  相关文章
📜  如何在 javascript 对象中添加、删除、更新属性 - Javascript (1)

📅  最后修改于: 2023-12-03 15:08:39.812000             🧑  作者: Mango

如何在 JavaScript 对象中添加、删除、更新属性

JavaScript 中的对象是一种非常常见和重要的数据类型。在开发过程中,我们通常需要添加、删除、更新对象的属性。本文将介绍如何在 JavaScript 对象中添加、删除、更新属性。

添加属性

JavaScript 中的对象可以动态地添加属性。添加属性的方法非常简单,只需要使用对象的 .[] 运算符来设置属性的名称和值即可。

const person = {
  name: 'John Doe',
  age: 30,
};

person.address = '123 Main St.';
person['phone'] = '123-456-7890';

console.log(person);

上述代码中,我们在 person 对象中添加了两个属性:addressphone。在第一个例子中,我们使用 . 运算符来添加 address 属性。在第二个例子中,我们使用 [] 运算符来添加 phone 属性。

删除属性

同样地,JavaScript 对象也可以动态地删除属性。删除属性的方法也很简单,只需要使用 delete 运算符即可。

const person = {
  name: 'John Doe',
  age: 30,
  address: '123 Main St.',
  phone: '123-456-7890',
};

delete person.address;

console.log(person);

上述代码中,我们删除了 person 对象的 address 属性。

更新属性

要更新 JavaScript 对象的属性,可以像添加属性一样,使用 .[] 运算符设置属性的名称和新值。

const person = {
  name: 'John Doe',
  age: 30,
  address: '123 Main St.',
  phone: '123-456-7890',
};

person.age = 35;
person['phone'] = '555-555-5555';

console.log(person);

上述代码中,我们更新了 person 对象的 agephone 属性。

总结:

在 JavaScript 对象中添加、删除、更新属性非常简单。我们只需要使用 .[] 运算符,并加上属性的名称和值或使用 delete 运算符即可。