如何遍历对象_javascript中有哪些方法？-js教程-PHP中文网

如何遍历对象_javascript中有哪些方法？

夜晨

发布： 2025-12-17 22:41:08

原创

184人浏览过

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

如何遍历对象_javascript中有哪些方法？

遍历 JavaScript 对象有多种方法，核心在于：对象本身是无序的键值对集合，不能像数组那样用 for 或 forEach 直接遍历，必须先获取它的键、值或键值对数组，再进行循环。

这是最传统的方式，会遍历对象自身及原型链上所有可枚举的字符串键属性。

示例：

const obj = { a: 1, b: 2 };
for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key, obj[key]); // 'a' 1, 'b' 2
  }
}

登录后复制

只获取对象**自身可枚举的字符串键**，返回数组，再遍历 —— 更可控、更常用。

示例（entries）：

Object.entries({ x: 10, y: 20 }).forEach(([key, value]) => {
  console.log(`${key}: ${value}`); // 'x: 10', 'y: 20'
});

登录后复制

比 Object.keys() 更全面：返回包括字符串键和 Symbol 键在内的所有自身属性键（不含原型链，含不可枚举）。

腾讯AI 开放平台

腾讯AI开放平台

381

示例：

const sym = Symbol('test');
const obj = { a: 1 };
obj[sym] = 'symbol value';

console.log(Reflect.ownKeys(obj)); // ['a', Symbol(test)]

登录后复制

for...of 本身不能直接遍历对象（因为对象默认不可迭代），但可以配合返回的数组使用 —— 语义更清晰，支持 break/continue。

示例：

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中有哪些方法？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：