for...in用于遍历对象可枚举属性，包括继承属性，需用hasOwnProperty过滤自身属性；遍历数组时不保证顺序且会遍历非数字键，建议使用for...of或forEach；key始终为字符串类型，Symbol属性不会被遍历。
在JavaScript中，for...in语句用于遍历对象的可枚举属性，包括自身和继承的属性。虽然语法简单，但在实际使用中容易踩坑，尤其在处理数组或不同类型对象时需格外注意。
for...in会遍历对象所有可枚举的属性，包括从原型链上继承的属性。这意味着如果父级原型添加了可枚举方法或属性，它们也会被遍历到。
建议：使用 hasOwnProperty() 方法过滤出对象自身的属性，避免意外访问继承属性。示例：
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可以遍历数组的索引，但存在几个问题：
错误示例：
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"
}
for...in只能遍历字符串键的可枚举属性，Symbol 类型的键会被跳过。
如果需要获取所有键（包括 Symbol），应结合 Object.getOwnPropertySymbols() 使用。 基本上就这些。合理使用 for...in，重点注意属性来源、类型和用途场景，避免误用。以上就是js中for...in语句的使用注意的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
844
