如何在 JavaScript 中遍历对象
在 JavaScript 中,你可以使用以下几种方法来遍历对象:
for...in
循环:for...in
循环用于遍历对象的属性。例如:
const obj = {a: 1, b: 2, c: 3} for (const key in obj) { console.log(key, obj[key]) }
for...in
循环遍历原型链中的属性。这意味着每当我们使用 for...in
循环遍历一个对象时,我们都需要使用 hasOwnProperty
检查该属性是否属于该对象:
const obj = {a: 1, b: 2, c: 3} for (const key in obj) { if (obj.hasOwnProperty(key)) { console.log(`${key}: ${obj[key]}`); } }
Object.keys()
方法:Object.keys()
方法返回一个包含对象所有可枚举属性名称的数组。例如:
const obj = {a: 1, b: 2, c: 3} const keys = Object.keys(obj) for (const key of keys) { console.log(key, obj[key]) }
Object.entries()
方法:Object.entries()
方法返回一个包含对象所有可枚举属性键值对的数组。例如:
const obj = {a: 1, b: 2, c: 3} const entries = Object.entries(obj) for (const [key, value] of entries) { console.log(key, value) }
Object.getOwnPropertyNames()
方法:Object.getOwnPropertyNames()
方法返回一个包含对象所有属性名称的数组(包括不可枚举属性)。例如:
const obj = {a: 1, b: 2, c: 3} const keys = Object.getOwnPropertyNames(obj) for (const key of keys) { console.log(key, obj[key]) }
通过这些方法,你就可以在 JavaScript 中正确地遍历对象的属性了。
分类:
前端开发
标签:
JavaScript
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 百万级群聊的设计实践
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期