Js 向对象添加键 - Javascript

在Javascript中，对象是一种非常重要的数据类型。对象是由属性和方法组成的，其中属性是键值对的形式存储的。在编写代码时，有时候需要向对象中添加新的键值对。下面是几种向对象添加键值对的方法：

直接赋值

可以通过对象的名字与点操作符的结合，直接为对象添加键值对。例如：

const person = { name: '小明', age: 18 };
person.gender = 'male';
console.log(person); // 输出: { name: '小明', age: 18, gender: 'male' }

方括号形式

另一种添加键值对的形式是使用方括号（[]）。可以通过方括号中的键名添加新的键值对。例如：

const person = { name: '小明', age: 18 };
person['gender'] = 'male';
console.log(person); // 输出: { name: '小明', age: 18, gender: 'male' }

方括号形式的优势在于键名可以是一个变量。例如：

const person = { name: '小明', age: 18 };
const key = 'gender';
person[key] = 'male';
console.log(person); // 输出: { name: '小明', age: 18, gender: 'male' }

Object.assign()

Object.assign()方法是Javascript提供的一个快速合并对象的方法，同时也可以用来添加新的键值对。例如：

const person = { name: '小明', age: 18 };
const result = Object.assign({}, person, { gender: 'male' });
console.log(result); // 输出: { name: '小明', age: 18, gender: 'male' }

Object.assign()方法的第一个参数是目标对象，后面的参数是源对象。如果目标对象中已经有与源对象中同名的键，则该键值对会被覆盖。

批量添加

可以通过结合以上方法，进行批量添加键值对。例如：

const person = { name: '小明', age: 18 };
const keys = ['gender', 'address'];
const values = ['male', '北京市海淀区'];
keys.forEach((key, index) => person[key] = values[index]);
console.log(person); // 输出: { name: '小明', age: 18, gender: 'male', address: '北京市海淀区' }

以上就是向Javascript对象添加键值对的几种方法。可以根据实际情况选择最合适的方法进行操作。