JavaScript对象遍历需先获取键、值或键值对数组,常用Object.keys()和Object.entries()配合forEach或for…of;for…in需hasOwnProperty过滤继承属性;Reflect.ownKeys()可获取含Symbol的所有自身键。

遍历 JavaScript 对象有多种方法,核心在于:对象本身是无序的键值对集合,不能像数组那样用 for 或 forEach 直接遍历,必须先获取它的键、值或键值对数组,再进行循环。
用 for...in 遍历可枚举属性(含原型链)
这是最传统的方式,会遍历对象自身及原型链上所有可枚举的字符串键属性。
记得加 hasOwnProperty 判断,避免遍历到继承属性 不保证遍历顺序(尽管现代引擎对数字键/字符串键有约定,但不推荐依赖)示例:
const obj = { a: 1, b: 2 };for (let key in obj) { if (obj.hasOwnProperty(key)) { console.log(key, obj[key]); // 'a' 1, 'b' 2 }}
用 Object.keys() + for / forEach
只获取对象**自身可枚举的字符串键**,返回数组,再遍历 —— 更可控、更常用。
Object.keys(obj) → 键名数组(如 ['a', 'b']) Object.values(obj) → 值数组(如 [1, 2]) Object.entries(obj) → 键值对数组(如 [['a', 1], ['b', 2]]),适合解构示例(entries):
Object.entries({ x: 10, y: 20 }).forEach(([key, value]) => { console.log(`${key}: ${value}`); // 'x: 10', 'y: 20'});
用 Reflect.ownKeys() 获取所有自身键(含 Symbol)
比 Object.keys() 更全面:返回包括字符串键和 Symbol 键在内的所有自身属性键(不含原型链,含不可枚举)。
立即学习“Java免费学习笔记(深入)”;
适用于需要处理 Symbol 属性的场景 若只需字符串键,仍推荐 Object.keys();若需完整键集,用它示例:
const sym = Symbol('test');const obj = { a: 1 };obj[sym] = 'symbol value';console.log(Reflect.ownKeys(obj)); // ['a', Symbol(test)]
用 for...of + Object.keys/values/entries
for...of 本身不能直接遍历对象(因为对象默认不可迭代),但可以配合返回的数组使用 —— 语义更清晰,支持 break/continue。
本质还是基于数组的遍历,只是语法更现代 注意:Object.entries() 返回的是二维数组,解构写法更简洁示例:
for (const [k, v] of Object.entries({ name: 'Alice', age: 30 })) { console.log(k, v);}
基本上就这些。日常开发中,Object.keys() 和 Object.entries() 配合 forEach 或 for...of 是最推荐的组合 —— 安全、清晰、兼容性好。需要处理 Symbol 或不可枚举属性时,再考虑 Reflect.ownKeys()。
以上就是如何遍历对象_javascript中有哪些方法?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1543383.html
微信扫一扫
支付宝扫一扫