循环遍历对象的方法

语法的不断更新,使得循环遍历对象的方法越来越多。做一下总结

1.原始版本:

var testObj = {a:1,b:2,c:4}
Object.keys(testObj).forEach((key, index)=>{
  console.log(key) //a b c
  console.log(testObj[key]) // 1 2 4
})

 2.ES6的for of 版本

let objEs6 = {a: 11, b: 22, c: 33}
	for (let key of Object.keys(objEs6)) {
	console.log(key) //a b c
	console.log(objEs6[key]) // 11 22 33
}

 3.ES8的Object.values

let objEs8 = {a: 111, b: 222, c: 333}
	Object.values(objEs8).forEach(value=>{
	console.log(value) // 111, 222, 333
})

4.Object.entries

let obj1 = {a: 1, b: 2, c: 3}
	console.log(JSON.stringify(Object.entries(obj1)))   //[["a",1],["b",2],["c",3]]
	Object.entries(obj1).forEach(([key, value]) => {
	console.log(`${key}'s value is ${value}`)
})

  

 

posted @ 2022-03-25 17:02  Aperio  阅读(284)  评论(0编辑  收藏  举报