JS中三种主要的遍历对象的方法：for in、Object.keys、Object.getOwnProperty

Bertha 。 2021-11-04 17:46 358阅读 0赞

一、对非Array对象类型的遍历

1、for in

主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性

**var obj = \{"name":"tom","sex":"male"\}；**

Object.defineProperty(obj, "age", \{value:"18", enumerable:false\});//增加不可枚举的属性age

Object.prototype.protoPer1 = function()\{console.log("name is tom");\};//通过原型链增加属性，为一个函数

Object.prototype.protoPer2 = 2;通过原型链增加属性，为一个整型值2

**console.log("For In : ");**

**for(var a in obj)**

**console.log(a);**

**输出的截图为：**

**![70][]**

总结：for in 主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性，示例中的属性age为不可可枚举，所以没有输出。

2、Object.keys

此方法返回一个数组，元素均为对象自有可枚举的属性

**var obj = \{"name":"tom","sex":"male"\}；**

Object.defineProperty(obj, "age", \{value:"18", enumerable:false\});//增加不可枚举的属性age

Object.prototype.protoPer1 = function()\{console.log("name is tom");\};//通过原型链增加属性，为一个函数

Object.prototype.protoPer2 = 2;通过原型链增加属性，为一个整型值2

**console.log("Object.keys:")**

**console.log(Object.keys(obj));**

**输出的截图为：**

![70 1][]

总结：Object.keys主要用于遍历对象自有的可枚举属性，不包括继承自原型的属性和不可枚举的属性。

3、Object.getOwnProperty

此方法用于返回对象的自有属性，包括可枚举和不可枚举的属性

Object.defineProperty(obj, "age", \{value:"18", enumerable:false\});//增加不可枚举的属性age

Object.prototype.protoPer1 = function()\{console.log("name is tom");\};//通过原型链增加属性，为一个函数

Object.prototype.protoPer2 = 2;通过原型链增加属性，为一个整型值2

**console.log("Object.getOwnPropertyNames: ");**

**console.log(Object.getOwnPropertyNames(obj));**

**输出的截图为：**

![70 2][]

总结：Object.getOwnProperty主要用于返回对象的自有属性，包括可枚举和不可枚举的属性，不包括继承自原型的属性。

二、对Array对象类型的遍历

1、for in

**var arr = \[1,2,3,4,5,6\];**

**for(var a in arr) console.log(a);**

**输出的截图为：**

**![70 3][]**

总结：输出为数组对象的index 值。

2、Object.keys

**var arr = \[1,2,3,4,5,6\];**

**console.log(Object.keys(arr));**

**输出的截图为：**

**![70 4][]**

总结：输出为数组对象的index 值。

3、Object.getOwnProperty

**var arr = \[1,2,3,4,5,6\];**

**console.log(Object.getOwnPropertyNames(arr));**

**输出的截图为：**

**![70 5][]**

总结：输出为数组对象的index 值和数组长度的属性值。

[70]: /images/20211104/22c8a2b849b345fa8380634d5c5a4b28.png
[70 1]: /images/20211104/fd7fabc996f843f995ebab63499e4ec7.png
[70 2]: /images/20211104/76dcd2a023bc462a94dd6ac51f62a58a.png
[70 3]: /images/20211104/a515a8a6c8cf43f6862131797f9bcfa8.png
[70 4]: /images/20211104/bd0fa9ba929243beb053c5055a4fec1a.png
[70 5]: /images/20211104/83227f0b04dd4eb1ac87be7eaeffe92d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，358人围观）

还没有评论，来说两句吧...

相关阅读

相关 js遍历对象(js遍历对象的所有属性)

![js遍历对象(js遍历对象的所有属性)\_js遍历对象(js遍历对象的所有属性)][js_js_js_js] js 遍历对象的3种方法第一种： for..

Love The Way You Lie/ 2023年09月26日 14:53/ 0 赞/ 114 阅读

相关 js对象遍历方法

for in let obj = { a: 1, b: true, c: "hel

阳光穿透心脏的1/2处/ 2023年07月22日 03:44/ 0 赞/ 84 阅读

相关 js中遍历对象的方法

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

妖狐艹你老母/ 2023年03月02日 13:29/ 0 赞/ 48 阅读

相关 js遍历对象的几种方法

js遍历对象的方法 for in Object.keys() Object.getOwnPropertyNames()

一时失言乱红尘/ 2022年12月27日 11:05/ 0 赞/ 229 阅读

相关 java中遍历字符串的三种方法

1）.length()， charAt() 2）.length()， substring(i ,i+1) 3）.toCharArray() String st

绝地灬酷狼/ 2022年10月08日 11:26/ 0 赞/ 236 阅读

相关 JS中三种主要的遍历对象的方法：for in、Object.keys、Object.getOwnProperty

一、对非Array对象类型的遍历 1、for in 主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性 var obj = \{"name":"tom","se

Bertha 。/ 2021年11月04日 17:46/ 0 赞/ 359 阅读

相关 JS 的 4 种数组遍历方法：for / forEach() / for-in / for-of

我们有多种方法来遍历 JavaScript 的数组或者对象，而它们之间的区别非常让人[疑惑][Link 1]。[Airbnb 编码风格][Airbnb]禁止使用 for/

痛定思痛。/ 2021年09月20日 09:50/ 0 赞/ 364 阅读

相关 js数组、对象遍历的方法

![a1a6bd51d37a3020fef16fc75110cee9.png][] `for` 语句代码: var arr = [1,2,4,6]

男娘i/ 2021年09月18日 09:46/ 0 赞/ 693 阅读

相关 js遍历对象的几种方法

第一种： for......in const obj = { id:1, name:'zhangsan

左手的ㄟ右手/ 2021年09月07日 06:01/ 0 赞/ 484 阅读

相关 JS遍历对象有几种方法

JS遍历对象有几种方法几天前一个小伙伴问我 Object.getOwnPropertyNames() 平时还真没有使用到这个方法，一时不知如何回答从方法名称来分析，应...

红太狼/ 2020年06月23日 16:29/ 0 赞/ 766 阅读