Javascript 遍历对象的四种方法

最新推荐文章于 2025-11-13 07:56:39 发布
原创 最新推荐文章于 2025-11-13 07:56:39 发布 · 3.9w 阅读 · 72 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #开发语言 #ecmascript

本文介绍了JavaScript中四种遍历对象属性的方法：for…in循环、Object.keys()、Object.getOwnPropertyNames()和Reflect.ownKeys()，帮助开发者理解不同场景下的选择和使用技巧。

方法一：

for … in 循环遍历对象自身的和继承的可枚举属性

(循环遍历对象自身的和继承的可枚举属性(不含Symbol属性))

 方法二：

使用Object.keys()遍历 

(返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).).

 方法三：

Object.getOwnPropertyNames(obj)

返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性).

 

方法四：

Reflect.ownKeys(obj)遍历

返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举. 

 

木木lf77
关注
JavaScript遍历对象的7种方式
testleaf.cn
02-08 929
for...in 循环 Object.keys() 方法结合 forEach 方法 Object.values() 方法结合 forEach 方法 Object.entries() 方法结合 for...of 循环 Reflect.ownKeys() 方法结合 forEach 方法 Object.getOwnPropertyNames() 方法结合 forEach 方法 Object.getOwnPropertySymbols() 方法结合 forEach 方法
JS遍历对象的方法及特点
sleepwalker_1992的专栏
01-15 1127
JS遍历对象的方法及特点
js中遍历Map对象的方法
12-12
js中遍历Map对象的方法 console.log(jsonData);//火狐控制台打印输出： Object { fileNumber="文件编号", fileName="文件名称"} for(var key in jsonData) console.log("属性：" + key + ",值："+ jsonData[key]); } 打印输出： 属性：fileNumber, 值：文件编号 属性：fileName, 值：文件名称 以上这篇js中遍历Map对象的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
JS 中的 24 种遍历方法全解析：从基础到进阶
最新发布
.
11-13 1244
① 基础数组遍历：优先for...of（灵活）或forEach（简洁）map()（转换）或filter()（筛选）find()（找元素）或（找索引）reduce()（求和、分组等复杂逻辑）⑤ 对象遍历：优先（键值对）或（全属性）⑥ 可迭代对象（Map/Set）：直接用for...of或内置forEach感 谢 大 家 的 观 看！！！！如有补充，欢迎各位大神评论区留言~
JS 5种遍历对象的方式
libie_lt的专栏
01-14 6822
JS 5种遍历对象的方式 更新时间：2020年06月16日 14:20:46 作者：by.Genesis 这篇文章主要介绍了JS中5种遍历对象的方式，文中讲解非常的细致，帮助你更好的了解JS，感兴趣的朋友可以参考下 几天前一个小伙伴问我Object.getOwnPropertyNames()是干什么用的 平时还真没有使用到这个方法，一时不知如何回答 从方法名称来分析，应该是返回的是对象自身属性名组成的数组 那和Object.keys()方法不就一样了吗 感觉事情并不这么简单，...
JS中遍历对象的方法总结（共六种方法）
2301_79858914的博客
08-16 4481
for...in：遍历对象及其原型链上的可枚举属性，适合简单遍历，但需要来过滤继承属性。：返回对象自身的可枚举属性名，最常用。：返回对象自身的可枚举属性值，适合只需要值的场景。：返回对象自身的键值对，适合同时需要键和值的场景。：返回对象自身的所有属性，包括不可枚举属性。：返回对象自身的所有属性，包括符号属性和不可枚举属性。
javascript 遍历对象数组方法总结
servepeople的博客
07-05 582
在 JavaScript 中，遍历对象数组有很多方法，最常见的有for循环、forEach方法、for...of循环和map方法。
Javascript 遍历对象中的子对象
10-29
关于遍历对象的扩展，除了遍历对象中的子对象外，我们还可能需要遍历对象的其他属性，或者对象中的方法。在JavaScript中，对象的属性可以是多种类型，包括方法（函数类型的属性）、基本数据类型的值等。如果我们想要...
JavaScript中遍历对象的property的3种方法介绍
10-24
for/in循环是JavaScript中最基本的遍历对象属性的方法。它会遍历对象自身以及其原型链上的可枚举（enumerable）属性。这意味着如果一个属性是从原型对象继承来的，只要它是可枚举的，for/in循环就会访问到它。以下...
js中的各种对象遍历方法
m0_75041482的博客
05-28 1885
全网最全的对象遍历方法比较，forEach，map，filter，for...of，some，every，有问题欢迎指正
JS遍历对象的七种方法
热门推荐
weixin_43465508的博客
09-08 2万+
1.Object.defineProperty，使用enumerable:true，才能被枚举，默认enumerable:false不可被枚举。返回的是一个大杂烩数组，即包含了对象的所有属性，无论是否可枚举还是属性是symbol，还是继承，将所有的属性返回。的特性会导致一个问题，其继承的属性会被遍历到，所以当我们不想要遍历被继承的属性，那么我们就可以使用。属性，返回形式依旧是数组，值得注意的是，在对象初始化的时候，内部是不会包含任何。可以看出，可以得到对象中，可以获取包含Symol属性的所有的属性值。
ES6之6种遍历对象属性的方法
atkk1691的博客
03-15 506
1.for ... in 循环遍历对象自身的和继承的可枚举属性(不含Symbol属性). 2.Obejct.keys(obj),返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性). 3.Object.getOwnPropertyNames(obj),返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性). 4.Object....
【js】对象的遍历方法总结
qq_48896417的博客
09-11 3504
对象的遍历方法总结。
JavaScript：js数组/对象遍历方法
snow的博客
06-03 7253
undefinedfor使用最基本的for循环可以遍历数组。for...of语句用来遍历可迭代对象（包括数组、Set、Map、字符串等），它可以替代传统的for循环和forEach方法。for...of循环每次迭代都将返回一个值，而不是索引。循环还可以遍历字符串，并且能够正确处理 Unicode 字符。需要注意的是:for...of 循环不能遍历普通对象，因为它们不是可迭代对象。对于普通对象，可以使用for...in循环来遍历对象的属性。
JavaScript中遍历对象的方法，你掌握了几种？
高大志leo的博客
05-24 6576
目录 前言 正文 定义对象 for…in… Object.entries()/Object.keys()/Object.values() Object.getOwnPropertyNames(targetObj) Object.getOwnPropertySymbols(targetObj) Reflect.ownKeys(targetObj) 总结 前言 对象是 JavaScript 中一种非常常用的数据类型，由一个个属性名和属性值一 一对应的键值对组成。在实际开发中，我们经常需要.
JS遍历对象的几种方法
icontent
10-21 226
转自：JS遍历对象的几种方法 几天前一个小伙伴问我 Object getOwnPropertyNames() 是干什么用的平时还真没有使用到这个方法，一时不知如何回答从方法名称来分析，应该是返回的是对象自身属性名组成的数组那和 Ohttps://www.pinlue.com/article/2021/10/2109/1811722908633.html ...
遍历对象的方式
weixin_49035434的博客
05-11 2903
对象属性划分为: // 原型属性 const obj = Object.create({ bar: 'bar', [Symbol('s1')]: 's1' }) // 对象自身的可枚举属性 obj.foo = 'foo' // 对象自身不的可枚举属性 Object.defineProperty(obj,'name',{ enumerable: false, value: '星星' }) // symbol属性 ob...
js遍历对象的几种方法
淮右布衣的博客
05-14 295
更多遍历对象方法 const obj = { id:1, name:'zhangsan', age:18 } for(let key in obj){ console.log(key + '---' + obj[key]) }
js中遍历对象的方法
叮当的猫猫的博客
03-21 925
1.Object.keys(obj) 返回对象属性组成的数组 2.Object.values(obj) 返回的是属性值组成的数组 3.Object.entries(obj) 返回键值对所对应的数组 4.Object.getOwnPropertyNames(obj) //与1类似，返回也相同 5.for … in for(let k in obj){//这里遍历出的k是属性名} 只能遍历到自身的属性和自身继承的可枚举的属性值和方法，不含symbol 6.forEach（基于key、values、entr
JavaScript遍历对象的五种方法详解
"本文档详细介绍了JavaScript中遍历对象的五种方法，包括for...in循环、Object.keys、Object.getOwnPropertyNames、Object.getOwnPropertySymbols、Reflect.ownKeys，并通过一个实例对象展示了这些方法的使用情况。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值