js遍历对象的几种方法

左手的ㄟ右手 2021-09-07 06:01 393阅读 0赞

第一种： for......in

const obj = {
                id:1,
                name:'zhangsan',
                age:18
    }
    
     for(let key  in obj){
            console.log(key + '---' + obj[key])
      }

输出结果：

![bb4636cc5823322126ffaed621a8dec3.png][]

第二种：

1）、Object.keys（obj）

2）、Object.values（obj）

参数：

obj：要返回其枚举自身属性的对象

返回值：

一个表示给定对象的所有可枚举属性的字符串数组。

const obj = {
    　　　　id:1,
    　　　　name:'zhangsan',
    　　　　age:18
    }
    
     console.log(Object.keys(obj))
    
    console.log(Object.values(obj))

输出结果： obj对象的key组成的数组

\['id','name','age'\]

输出结果：obj对象的value组成的数组

\['1','zhangsan','18'\]

第三种：使用Object.getOwnPropertyNames(obj)

返回一个数组，包含对象自身的所有属性（包含不可枚举属性）
    遍历可以获取key和value

const obj = {
                id:1,
                name:'zhangsan',
                age:18
        }
        Object.getOwnPropertyNames(obj).forEach(function(key){
            console.log(key+ '---'+obj[key])
        })

输出结果：

![830fd011119f2c926eb2d359ce1d74d6.png][]

[bb4636cc5823322126ffaed621a8dec3.png]: /images/20210813/38b07311db594bf8939ae96243c3a564.png
[830fd011119f2c926eb2d359ce1d74d6.png]: /images/20210813/5b4c101e5a9b410e9f4fc8851d7d8840.png

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 Dictionary几种遍历方法

Dictionary<string, int> list = new Dictionary<string, int>(); list.Add("d", 1);

你的名字/ 2022年10月02日 15:56/ 0 赞/ 142 阅读

相关遍历Map的几种方法

public static void main(String\[\] args) \{ Map<String, String> map = new HashMap

谁借莪１个温暖的怀抱￠/ 2022年08月26日 04:50/ 0 赞/ 207 阅读

相关循环遍历的几种方法

1. for循环 1) Array数组 for(let i=0,len=arr.length;i<len;i++)\{ console.log(arr\

柔光的暖阳◎/ 2022年06月04日 06:08/ 0 赞/ 268 阅读

相关遍历Map的几种方法

> 总体思路：遍历map 就要把map变成set去处理一种是map.keySet(),得到的是set的链表，只存储key 二种是map.entrySet(),得

曾经终败给现在/ 2022年06月02日 08:26/ 0 赞/ 235 阅读

相关简单了解JS中的几种遍历

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

骑猪看日落/ 2022年04月03日 03:48/ 0 赞/ 164 阅读

相关 JS数组遍历的几种方法

for 最简单的一种循环遍历方法，也是使用频率最高的一种，可优化循环过程中支持修改索引（修改 i） var arr = [1, 2, 3,

不念不忘少年蓝@/ 2021年09月19日 03:02/ 0 赞/ 421 阅读

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

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

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

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

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

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

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

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

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