for循环使用技巧与常见错误

for...in循环看似简单，实则暗藏诸多陷阱：它会遍历对象自身及原型链上的所有可枚举字符串键属性（不包括Symbol），导致继承属性干扰、数组遍历顺序错乱且混入非数字索引，同时key恒为字符串类型易引发隐式转换错误；因此务必用hasOwnProperty过滤自身属性，避免用于数组遍历（推荐for...of或forEach），并在处理key时注意类型安全——掌握这些关键细节，才能真正规避常见bug，写出健壮可靠的JavaScript代码。

在JavaScript中，for...in语句用于遍历对象的可枚举属性，包括自身和继承的属性。虽然语法简单，但在实际使用中容易踩坑，尤其在处理数组或不同类型对象时需格外注意。

只遍历对象的可枚举属性

for...in会遍历对象所有可枚举的属性，包括从原型链上继承的属性。这意味着如果父级原型添加了可枚举方法或属性，它们也会被遍历到。

示例：

const obj = { a: 1, b: 2 };
Object.prototype.extra = function() {};

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key); // 只输出 a 和 b
  }
}

不要用 for...in 遍历数组索引

尽管数组也是对象，for...in可以遍历数组的索引，但存在几个问题：

• 遍历顺序不保证，可能不是按数字顺序
• 会遍历所有可枚举属性，包括手动添加的非数字键
• 性能不如 for 或 for...of

错误示例：

const arr = [10, 20, 30];
arr.customProp = 'bad idea';

for (let index in arr) {
  console.log(arr[index]); // 会输出 10, 20, 30, 'bad idea'
}

属性类型始终是字符串

for...in中的键（key）总是字符串类型，即使遍历的是数组，index 也是字符串而非数字。

例如：

for (let key in obj) {
  typeof key; // "string"
}

Symbol 属性不会被遍历

for...in只能遍历字符串键的可枚举属性，Symbol 类型的键会被跳过。

以上就是《for循环使用技巧与常见错误》的详细内容，更多关于的资料请关注golang学习网公众号！