📜  如何将键值对添加到 JavaScript 对象?(1)

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

如何将键值对添加到 JavaScript 对象?

在 JavaScript 中,可以通过给对象添加键值对来动态地创建和修改对象的属性。下面介绍常见的两种方法。

方法一:使用点语法

可以使用点语法来添加新属性或修改已有属性的值。例如:

let person = {
  name: 'Alice',
  age: 24
};

person.gender = 'female';  // 添加新属性
person.age = 25;  // 修改已有属性的值

console.log(person);  // { name: 'Alice', age: 25, gender: 'female' }
方法二:使用方括号语法

使用方括号语法也可以添加新属性或修改已有属性的值。与点语法不同的是,方括号语法可以使用变量或表达式作为属性名。例如:

let person = {
  name: 'Bob',
  age: 32
};

let prop = 'gender';
person[prop] = 'male';  // 添加新属性
person['age'] = 33;  // 修改已有属性的值

console.log(person);  // { name: 'Bob', age: 33, gender: 'male' }

需要注意的是,当使用方括号语法添加属性时,属性名必须用字符串表示,即需要加上引号。

以上就是向 JavaScript 对象中添加键值对的两种方法。根据实际情况选择合适的方法即可。