循环遍历对象的方法
语法的不断更新,使得循环遍历对象的方法越来越多。做一下总结
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}`) })