无法使用for-in循环更改对象属性值

for-in 循环在 JavaScript 中用于遍历对象的可枚举属性。然而，使用 for-in 循环直接更改对象属性值时可能会遇到一些问题，主要是因为 for-in 循环会遍历对象的原型链上的属性，这可能导致意外地修改了不应该被修改的属性。

基础概念

• for-in 循环：用于遍历对象的可枚举属性。
• 对象属性：对象的键值对。
• 原型链：JavaScript 中对象通过原型链继承属性和方法。

相关优势

• 遍历对象属性：方便地遍历对象的所有可枚举属性。
• 动态性：可以在运行时动态地访问和修改属性。

类型

• 可枚举属性：可以通过 for-in 循环访问的属性。
• 不可枚举属性：不能通过 for-in 循环访问的属性。

应用场景

• 数据清洗：遍历对象并修改某些属性的值。
• 数据转换：将对象的某些属性值转换为其他形式。

可能遇到的问题及原因

1. 遍历原型链属性：for-in 循环会遍历对象的原型链上的属性，可能导致意外修改。
2. 属性描述符：如果属性被设置为不可写（writable: false），则无法通过赋值操作修改其值。

解决方法

1. 使用 hasOwnProperty 检查：确保只遍历对象自身的属性，而不是原型链上的属性。
2. 使用 Object.keys 或 Object.entries：这些方法只返回对象自身的可枚举属性。

示例代码

const obj = {
  a: 1,
  b: 2,
  c: 3
};

// 错误示例：可能会遍历到原型链上的属性
for (let key in obj) {
  obj[key] = obj[key] * 2; // 如果原型链上有同名属性，也会被修改
}

// 正确示例：使用 hasOwnProperty 检查
for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    obj[key] = obj[key] * 2; // 只修改对象自身的属性
  }
}

// 正确示例：使用 Object.keys
Object.keys(obj).forEach(key => {
  obj[key] = obj[key] * 2; // 只遍历对象自身的属性
});

console.log(obj); // 输出: { a: 2, b: 4, c: 6 }

总结

使用 for-in 循环更改对象属性值时，需要注意避免遍历到原型链上的属性。通过 hasOwnProperty 方法或 Object.keys 方法可以有效避免这一问题，确保只修改对象自身的属性。