JS遍历对象，获取key:value

　 短视频，自媒体，达人种草一站服务

1、使用Object.keys()遍历

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

var obj={"1":"a","2":"b"}

Object.keys(obj).forEach(function (key) {

console.log(key,obj[key])

});

返回值：

// 1 a

// 2 b

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

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

var obj={"1":"a","2":"b"}

for(var key in obj){

console.log(key,obj[key])

}

返回值：

// 1 a

// 2 b

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

此方法与foreach方法类似。

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)

}

返回值：

// 1 a

// 2 b

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

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

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

var obj={"1":"a","2":"b"}

Object.getOwnPropertyNames(obj).forEach(function(key){

console.log(key,obj[key]);

});

返回值：

// 1 a

// 2 b

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

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

var obj={"1":"a","2":"b"}

Reflect.ownKeys(obj).forEach(function(key){

console.log(key,obj[key]);

});

返回值：

// 1 a

// 2 b

附：对象的基础用法

对象声明：

1.var obj = {}//字面量，建议这种方式(方便初始化赋值)

2.var obj = new Object();

对象赋值：

1.obj.name = "zhangsan"

2.obj["name"] = "zhangsan"

访问对象属性值：

1.obj.name

2.obj["name"] ==》底层转化为这种，所以建议使用

删除对象中的属性：

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!