前端如何修改对象的属性值

在前端JavaScript中，你可以直接通过变量名或对象引用来修改对象的属性值。以下是一些常见的操作：

1. **直接访问并修改属性**：如果你知道对象的属性名称，可以直接使用`.`或`[]`运算符来修改它。

let obj = { name: 'John' };
obj.name = 'Jane'; // 直接修改属性值

2. **通过索引修改数组元素**：对于数组，可以使用数字作为索引来修改元素。

let arr = ['apple', 'banana'];
arr[0] = 'orange'; // 修改第一个元素

3. **使用点语法修改原型链上的属性**：如果属性是在原型链上定义的，也可以使用点语法，但这通常不是推荐做法，因为可能会意外影响其他实例。

Person.prototype.age = 30; // 修改Person构造函数的原型对象上的age属性

// 注意这将影响所有new Person()创建的对象
let person = new Person();
person.age; // 输出30

4. **使用ES6的动态属性获取和赋值**：使用方括号`[]`结合字符串表达式，可以动态地设置和获取属性。

let obj = {};
obj['newProperty'] = 'value'; // 动态添加新属性

5. **使用对象字面量初始化**：如果想在创建对象时就设定特定属性，可以使用对象字面量。

let newObj = { id: 1, value: 'example' }; // 创建对象时指定属性
newObj.value = 'modified'; // 修改属性值