Js动态追加对象

在 JavaScript 中，动态追加对象可以通过以下几种方式实现：

1. 使用对象字面量语法

可以通过对象字面量语法来创建一个新的对象，并将其添加到现有的对象中。示例如下：

const obj = { name: 'Tom', age: 20 };
const newObj = { gender: 'Male' };
Object.assign(obj, newObj);
console.log(obj); // { name: 'Tom', age: 20, gender: 'Male' }

2. 使用 Object.defineProperty 方法

可以使用 Object.defineProperty 方法来动态添加属性到一个对象中。示例如下：

const obj = { name: 'Tom', age: 20 };
Object.defineProperty(obj, 'gender', {
  value: 'Male',
  writable: true,
  enumerable: true,
  configurable: true
});
console.log(obj); // { name: 'Tom', age: 20, gender: 'Male' }

3. 使用 Object.defineProperties 方法

可以使用 Object.defineProperties 方法来动态添加多个属性到一个对象中。示例如下：

const obj = { name: 'Tom', age: 20 };
Object.defineProperties(obj, {
  gender: {
    value: 'Male',
    writable: true,
    enumerable: true,
    configurable: true
  },
  height: {
    value: 175,
    writable: true,
    enumerable: true,
    configurable: true
  }
});
console.log(obj); // { name: 'Tom', age: 20, gender: 'Male', height: 175 }

以上是几种常见的动态追加对象的方法，可以根据具体需求选择适合的方法。