JS动态给对象添加属性和值的实现方法

下面是关于“JS动态给对象添加属性和值的实现方法”的完整攻略：

方式一：使用点运算符添加属性

使用点运算符添加属性非常简单，只需要在对象后加上"."，紧接着加上新增的属性名，再赋予一个值即可。

示例一：

let person = {
  name: '张三',
  age: 25
};

person.gender = '男';
console.log(person); 
// 输出结果为 {name: "张三", age: 25, gender: "男"} 

示例二：

let car = {
  brand: 'BMW',
  model: 'X5'
};

car.price = 680000;
console.log(car); 
// 输出结果为 {brand: "BMW", model: "X5", price: 680000} 

方式二：使用中括号语法

使用中括号语法添加属性需要在对象名后用中括号把新增的属性名包围起来，再赋予一个值即可。

示例一：

let person = {
  name: '张三',
  age: 25
};

person['gender'] = '男';
console.log(person); 
// 输出结果为 {name: "张三", age: 25, gender: "男"} 

示例二：

let car = {
  brand: 'BMW',
  model: 'X5'
};

car['price'] = 680000;
console.log(car); 
// 输出结果为 {brand: "BMW", model: "X5", price: 680000} 

需要注意的是，在使用中括号语法添加属性时，新增属性名必须放在字符串中（即放在引号中），否则会被解析成变量名称。比如：

let car = {
  brand: 'BMW',
  model: 'X5'
};

let priceKey = 'price';
car[priceKey] = 680000;
// 赋值失败，输出结果为 {brand: "BMW", model: "X5"} 

以上是JS动态给对象添加属性和值的实现方法的完整攻略，希望能对您有所帮助。