JavaScript动态添加、修改、删除对象的属性与方法详解

在JavaScript中，我们可以随时通过操作对象的属性和方法来动态地改变对象的行为。这篇文章将详细讲解如何添加、修改和删除对象的属性与方法。

1. 添加属性

我们可以通过两种方式为对象添加属性：点表示法和方括号表示法。

1.1 点表示法

点表示法是最常见的一种添加属性的方式，它将属性名作为对象的一个属性名来添加。

示例代码如下：

const obj = {};

obj.name = '张三';
obj.age = 18;

console.log(obj); // {name: "张三", age: 18}

1.2 方括号表示法

方括号表示法也是一种添加属性的方式，它将属性名作为字符串传递。

示例代码如下：

const obj = {};

obj['name'] = '张三';
obj['age'] = 18;

console.log(obj); // {name: "张三", age: 18}

2. 修改属性

我们可以通过直接赋值的方式来修改对象的属性。

示例代码如下：

const obj = { name: '张三', age: 18 };

obj.name = '李四';
obj.age = 20;

console.log(obj); // {name: "李四", age: 20}

3. 删除属性

我们可以通过delete操作符来删除对象的属性。

示例代码如下：

const obj = { name: '张三', age: 18 };

delete obj.age;

console.log(obj); // {name: "张三"}

4. 添加方法

我们可以通过以下两种方式为对象添加方法：

4.1 直接添加方法

示例代码如下：

const obj = {
  name: '张三',
  sayHi: function () {
    console.log(`你好，我是${this.name}`);
  },
};

obj.sayHi(); // 你好，我是张三

4.2 使用原型链添加方法

示例代码如下：

function Person(name) {
  this.name = name;
}

Person.prototype.sayHi = function () {
  console.log(`你好，我是${this.name}`);
};

const obj1 = new Person('张三');
const obj2 = new Person('李四');

obj1.sayHi(); // 你好，我是张三
obj2.sayHi(); // 你好，我是李四

结论

在JavaScript中，我们可以通过点表示法和方括号表示法来添加属性，通过直接赋值来修改属性，使用delete操作符来删除属性，通过直接添加方法和使用原型链来添加方法。了解这些方法可以更好地掌握JavaScript对象的基本操作，让你编写更加优秀的JavaScript代码。