51 - 对象 - 属性操作 - 属性的添加、修改与删除

对象 - 属性操作 - 属性的添加、修改与删除

在 JavaScript 的世界里，对象就像是一个神奇的百宝箱，里面可以存放各种各样的东西，这些东西就是对象的属性。我们可以随心所欲地对这些属性进行添加、修改和删除操作，就像在整理自己的百宝箱一样。接下来，就让我们一起探索如何对对象的属性进行这些操作吧。

属性的添加

给对象添加属性就像是往百宝箱里放入新的宝贝。在 JavaScript 中，有两种常见的方式可以为对象添加属性。

点号表示法

// 创建一个空对象
let person = {};
// 使用点号表示法添加属性
person.name = 'Alice';
person.age = 25;
console.log(person); // 输出: { name: 'Alice', age: 25 }

方括号表示法

let car = {};
// 使用方括号表示法添加属性
car['brand'] = 'Toyota';
car['color'] = 'Blue';
console.log(car); // 输出: { brand: 'Toyota', color: 'Blue' }

方括号表示法的好处是，属性名可以是一个变量，这在动态添加属性时非常有用。

let propertyName = 'model';
car[propertyName] = 'Corolla';
console.log(car); // 输出: { brand: 'Toyota', color: 'Blue', model: 'Corolla' }

属性的修改

有时候，我们放在百宝箱里的宝贝可能需要更新一下，这就相当于修改对象的属性。修改属性和添加属性的语法是一样的，如果属性已经存在，再次赋值就会修改它的值。

// 修改 person 对象的 age 属性
person.age = 26;
console.log(person); // 输出: { name: 'Alice', age: 26 }
// 修改 car 对象的 color 属性
car['color'] = 'Red';
console.log(car); // 输出: { brand: 'Toyota', color: 'Red', model: 'Corolla' }

属性的删除

当我们不再需要百宝箱里的某个宝贝时，就可以把它拿出来扔掉，这就相当于删除对象的属性。在 JavaScript 中，我们可以使用 delete 关键字来删除对象的属性。

// 删除 person 对象的 age 属性
delete person.age;
console.log(person); // 输出: { name: 'Alice' }
// 删除 car 对象的 model 属性
delete car['model'];
console.log(car); // 输出: { brand: 'Toyota', color: 'Red' }

总结

通过对对象属性的添加、修改和删除操作，我们可以灵活地管理对象的内容，让对象这个百宝箱始终保持整洁和有序。在实际的开发中，这些操作会经常用到，希望大家能够熟练掌握。