博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js遍历对象的几种方法
阅读量:3904 次
发布时间:2019-05-23

本文共 744 字,大约阅读时间需要 2 分钟。

第一种: for......in

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

 

输出结果:

 

 

第二种:

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])    })

输出结果:

 

转载地址:http://wmven.baihongyu.com/

你可能感兴趣的文章
Ubuntu下卸载mysql
查看>>
Intel 100芯片组如何安装Win7
查看>>
Ubuntu 16.04 LTS 一键安装VNC
查看>>
Linux中su命令与sudo命令
查看>>
题目1:二维数组中的查找
查看>>
anaconda conda 切换镜像源
查看>>
Python之面向对象
查看>>
Django项目允许外部通过ip访问
查看>>
Numpy之调整数组大小
查看>>
numpy求解方程组
查看>>
免费人文数据分享网站(更新中)
查看>>
GP工具设置处理范围
查看>>
mapbox根据多边形选择点要素
查看>>
Numpy为图片四周补0
查看>>
数字图像处理中的 channels_first与channels_last
查看>>
ArcGIS 10.2 简化面/线工具Bug修复
查看>>
GPU
查看>>
Android Audio Feature
查看>>
我的自传
查看>>
专业音频术语中英文对照
查看>>