讲师中心 微信公众号
AI工具推荐 视频效率加速

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

秋墨酱_5118

秋墨酱_5118

发布时间:2026-01-02 22:40:02

|

881人浏览过

|

来源于php中文网

原创

JavaScript遍历对象需据需求选择:for...in遍历自身及原型可枚举属性(需hasOwnProperty过滤),Object.keys()仅遍历自身可枚举字符串键,Reflect.ownKeys()最全面(含不可枚举字符串键和所有Symbol键)。

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

JavaScript中遍历对象有多种方法,核心区别在于:是否遍历自身属性、是否包含不可枚举属性、是否处理Symbol键、是否递归嵌套。选哪种取决于具体需求。

for...in 循环(最常用,但要注意过滤)

遍历对象自身及原型链上所有可枚举属性(包括继承的)。实际使用时必须配合 hasOwnProperty() 过滤掉继承属性:

  • 只遍历自身可枚举属性:for (let key in obj) { if (obj.hasOwnProperty(key)) { console.log(key, obj[key]); } }
  • 不推荐直接用,容易误遍历原型方法(比如给Object.prototype加了方法就会被遍历到)
  • 会自动将数字键转为字符串,也支持字符串键和Symbol键?不支持——for...in 忽略 Symbol 类型的键

Object.keys() + forEach / for...of(推荐用于自有可枚举字符串键)

返回一个由对象自身可枚举属性名(字符串)组成的数组,不包含Symbol键、不可枚举属性或原型链属性:

  • Object.keys(obj).forEach(key => console.log(key, obj[key]));
  • for (const key of Object.keys(obj)) { console.log(key, obj[key]); }
  • 简洁安全,是日常开发中最常用的组合

Object.getOwnPropertyNames() + Object.getOwnPropertySymbols()

若需完整获取所有自有属性(含不可枚举字符串键 + 所有Symbol键),需两者结合:

Java Api Extractor
Java Api Extractor

从 Java 项目中提取 Controller 层接口定义为 JSON 数据。

下载

立即学习“Java免费学习笔记(深入)”;

  • const keys = Object.getOwnPropertyNames(obj); // 字符串键(含不可枚举)
  • const symbols = Object.getOwnPropertySymbols(obj); // Symbol键(无论是否可枚举)
  • 合并后遍历:[...keys, ...symbols].forEach(key => console.log(key, obj[key]));
  • 适合调试、序列化、深克隆等需要“完整属性快照”的场景

Reflect.ownKeys()(ES6+,一揽子获取所有自有键)

返回包含所有自有属性键的数组:字符串键(含不可枚举)+ Symbol键(无论是否可枚举),顺序按添加顺序(字符串在前,Symbol在后):

  • Reflect.ownKeys(obj).forEach(key => console.log(key, obj[key]));
  • 比手动合并 getOwnPropertyNames 和 getOwnPropertySymbols 更简洁
  • 现代代码中建议优先使用,语义清晰、覆盖全面

不复杂但容易忽略细节:遍历前先想清楚——要继承属性吗?要Symbol吗?要不可枚举属性吗?选对方法,代码更健壮。

热门AI工具

更多
Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

305

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

406

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

395

2025.12.24

php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

818

2025.12.04

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2358

2023.09.20

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1858

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2984

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6284

2023.10.24

Docker Desktop怎么设置端口映射
Docker Desktop怎么设置端口映射

本专题聚焦Docker Desktop容器端口映射与访问配置,整理从创建容器、设置端口绑定到验证本地服务访问的操作流程。针对端口被占用、映射配置错误、容器服务无法访问等情况,也提供相应的检查方向,方便用户完成端口配置。

0

2026.11.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn