JS对象的遍历方法及对比

冷不防 2022-11-09 00:56 191阅读 0赞

对象遍历的方法包括：Object.keys()、for-in、Object.getOwnPropertyNames(obj)、Reflect.ownKeys(obj)等方式。

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

或者Object.values()Object.values()方法返回一个给定对象自身的所有可枚举属性值的数组

或者Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组

<script>  
        var obj = \{'0':'a','1':'b','2':'c'\};  
        Object.keys(obj).forEach(function(key)\{  
            console.log(key,obj\[key\]);  
        \});  
    </script>  
  
for-in  
for-in除了可以遍历数组之外，还可以遍历对象，它可以循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)。

<script>  
        var obj = \{'0':'a','1':'b','2':'c'\};  
        for(var i in obj) \{  
            console.log(i,":",obj\[i\]);  
        \}  
    </script>  
  
Object.getOwnPropertyNames(obj)  
该方法会返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性)。

<script>  
        var obj = \{'0':'a','1':'b','2':'c'\};  
        Object.getOwnPropertyNames(obj).forEach(function(key)\{  
            console.log(key,obj\[key\]);  
        \});  
    </script>

Object.getOwnPropertySymbols()

在给定对象自身上找到的所有 Symbol 属性的数组。然后再用数组循环遍历

Reflect.ownKeys(obj)  
该方法会返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举. 。

<script>  
        var obj = \{'0':'a','1':'b','2':'c'\};  
        Reflect.ownKeys(obj).forEach(function(key)\{  
            console.log(key,obj\[key\]);  
        \});  
    </script>

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 js对象遍历方法

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

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

相关 js遍历对象数组map方法

![20210115155315751.png][] 所以直接这样写就得到了一个数组。没有必要在里面还写个push： > this.bfintIds = so

青旅半醒/ 2023年01月07日 04:52/ 0 赞/ 318 阅读

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

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

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

相关 JS对象的遍历方法及对比

对象遍历的方法包括：Object.keys()、for-in、Object.getOwnPropertyNames(obj)、Reflect.ownKeys(obj)等方式。

冷不防/ 2022年11月09日 00:56/ 0 赞/ 192 阅读

相关 js数组遍历、对象遍历、字符串遍历

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 数组遍历 for \--使用变量将数组长度缓

男娘i/ 2022年10月02日 00:49/ 0 赞/ 306 阅读

相关 JS遍历对象

var tripInfo = { "2019-5-1": 0, "2019-5-2": 0, "

秒速五厘米/ 2022年02月20日 03:06/ 0 赞/ 380 阅读

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

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

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

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

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

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

相关 js数组遍历和对象遍历

针对js各种遍历作一个总结分析，从类型用处：分数组遍历和对象遍历；还有性能，优缺点等。 JS数组遍历： 1，普通for循环，经常用的数组遍历 var a

曾经终败给现在/ 2021年07月26日 22:57/ 0 赞/ 662 阅读