javascript如何遍历对象_有哪些方法可用-js教程-PHP中文网

javascript如何遍历对象_有哪些方法可用

紅蓮之龍

发布： 2025-12-18 22:07:02

原创

730人浏览过

JavaScript遍历对象的常用方法按推荐顺序为：Object.keys()或Object.entries()（日常首选）、Object.getOwnPropertyNames()与Object.getOwnPropertySymbols()（处理不可枚举属性或Symbol键）、for...in（需配合hasOwnProperty过滤，慎用）。

javascript如何遍历对象_有哪些方法可用

JavaScript 遍历对象有多种方法，核心区别在于：是否遍历自身属性、是否包含不可枚举属性、是否处理 Symbol 类型键、以及是否需要值还是只关心键。下面列出最常用且实用的几种方式，按推荐顺序和适用场景说明。

for...in 循环（基础但需注意原型链）

这是最传统的遍历方式，会遍历对象自身及原型链上所有可枚举属性（包括继承来的）。

必须配合 hasOwnProperty() 过滤掉继承属性，否则容易出错
不能遍历不可枚举属性（如 Object.defineProperty(obj, 'x', { enumerable: false, value: 1 })）
会遍历到字符串键和 Symbol 键（但实际中 Symbol 键默认不可枚举，所以通常不会出现）

示例：

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...of 或 forEach（推荐日常使用）

获取对象自身所有可枚举的字符串键数组，再遍历。安全、简洁、语义清晰。

只返回字符串键，不包含 Symbol 键
不遍历原型链，也不含不可枚举属性
配合 for...of 或 forEach 使用更现代

示例：

const obj = { x: 10, y: 20 };
for (const key of Object.keys(obj)) {
  console.log(key, obj[key]); // x 10, y 20
}

// 或者
Object.keys(obj).forEach(key => console.log(key, obj[key]));

登录后复制

Object.entries()（要同时操作键和值时首选）

返回一个二维数组，每个子项是 [key, value]，适合解构遍历。

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包

525

查看详情

立即学习“Java免费学习笔记（深入）”；

只含自身可枚举字符串键值对
天然支持结构赋值，代码更直观
比先取 keys 再查值更高效（尤其大对象）

示例：

const user = { name: 'Alice', age: 30 };
for (const [key, value] of Object.entries(user)) {
  console.log(`${key}: ${value}`); // name: Alice, age: 30
}

登录后复制

Object.getOwnPropertyNames() 和 Object.getOwnPropertySymbols()

当需要处理不可枚举属性或 Symbol 键时用这两个 API。

Object.getOwnPropertyNames(obj)：返回所有自身字符串键（含不可枚举）
Object.getOwnPropertySymbols(obj)：返回所有自身 Symbol 类型键
两者常合并使用：[...Object.getOwnPropertyNames(obj), ...Object.getOwnPropertySymbols(obj)]

示例：

const obj = { a: 1 };
Object.defineProperty(obj, 'b', { value: 2, enumerable: false });
const sym = Symbol('c');
obj[sym] = 3;

console.log(Object.getOwnPropertyNames(obj)); // ['a', 'b']
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(c)]

登录后复制

基本上就这些。日常开发优先用 Object.keys() 或 Object.entries()；调试或元编程才考虑 getOwnPropertyNames/Symbols；for...in 尽量少用，除非明确需要原型链上的可枚举属性。

以上就是javascript如何遍历对象_有哪些方法可用的详细内容，更多请关注php中文网其它相关文章！