前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS遍历对象,获取key:value

JS遍历对象,获取key:value

作者头像
用户2323866
修改2021-06-25 10:12:22
28K0
修改2021-06-25 10:12:22
举报
文章被收录于专栏:技术派

1、使用Object.keys()遍历

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

代码语言:javascript
复制
 var obj={"1":"a","2":"b"}
 Object.keys(obj).forEach(function (key) {
        console.log(key,obj[key])
    });
代码语言:javascript
复制
返回值:
// 1 a
// 2 b

2、使用for..in..遍历

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

代码语言:javascript
复制
var obj={"1":"a","2":"b"}
  for(var key in obj){
    console.log(key,obj[key])
   }
代码语言:javascript
复制
返回值:
// 1 a
// 2 b

3.使用for..of..遍历

此方法与foreach方法类似。

代码语言:javascript
复制
 var obj={"1":"a","2":"b"}
 for (var key of Object.keys(obj)) {
    console.log(key,obj[key])
   }
或者:
 for (let [key, value] of Object.entries(obj)) {
        console.log(key,value)
  }
代码语言:javascript
复制
返回值:
// 1 a
// 2 b

Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for…in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环也枚举原型链中的属性)。

3、使用Object.getOwnPropertyNames(obj)遍历

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

代码语言:javascript
复制
var obj={"1":"a","2":"b"}
Object.getOwnPropertyNames(obj).forEach(function(key){
    console.log(key,obj[key]);
});
代码语言:javascript
复制
返回值:
// 1 a
// 2 b

4、使用Reflect.ownKeys(obj)遍历

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

代码语言:javascript
复制
var obj={"1":"a","2":"b"}
Reflect.ownKeys(obj).forEach(function(key){
    console.log(key,obj[key]);
});
代码语言:javascript
复制
返回值:
// 1 a
// 2 b
附:对象的基础用法
对象声明:
代码语言:javascript
复制
1.var obj = {}//字面量,建议这种方式(方便初始化赋值)
代码语言:javascript
复制
2.var obj = new Object();
对象赋值:
代码语言:javascript
复制
1.obj.name = "zhangsan"
代码语言:javascript
复制
2.obj["name"] = "zhangsan"
访问对象属性值:
代码语言:javascript
复制
1.obj.name 
代码语言:javascript
复制
2.obj["name"]       ==》底层转化为这种,所以建议使用 
删除对象中的属性:
代码语言:javascript
复制
delete obj["name"]

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、使用Object.keys()遍历
  • 2、使用for..in..遍历
  • 3.使用for..of..遍历
  • 3、使用Object.getOwnPropertyNames(obj)遍历
  • 4、使用Reflect.ownKeys(obj)遍历
    • 附:对象的基础用法
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档