js 对象增加一个属性值

在JavaScript中，给对象增加一个属性值是非常常见的操作。你可以直接通过点符号（.）或者方括号（[]）来给对象添加新的属性。

使用点符号添加属性

let obj = {}; // 创建一个空对象
obj.name = 'Alice'; // 使用点符号添加一个名为'name'的属性，并赋值为'Alice'
console.log(obj); // 输出: { name: 'Alice' }

使用方括号添加属性

let obj = {}; // 创建一个空对象
obj['age'] = 25; // 使用方括号添加一个名为'age'的属性，并赋值为25
console.log(obj); // 输出: { age: 25 }

动态属性名

如果属性名是动态的，或者包含特殊字符，不能使用点符号，必须使用方括号。

let obj = {};
let propName = 'user-age';
obj[propName] = 30; // 动态添加属性
console.log(obj); // 输出: { 'user-age': 30 }

添加属性的同时设置默认值

在添加属性时，如果想设置默认值，可以先判断属性是否存在。

let obj = {};
obj.name = obj.name || 'Default Name'; // 如果'name'属性不存在，则设置为'Default Name'
console.log(obj); // 输出: { name: 'Default Name' }

使用ES6的解构赋值和默认参数

在函数中，可以使用解构赋值和默认参数来添加属性。

function addUser({ name = 'Anonymous', age = 0 } = {}) {
  return { name, age };
}

let user = addUser(); // 没有传入参数，使用默认值
console.log(user); // 输出: { name: 'Anonymous', age: 0 }

user = addUser({ name: 'Bob' }); // 只传入name参数，age使用默认值
console.log(user); // 输出: { name: 'Bob', age: 0 }