Object.keys、Object.values、Object.entries

Object.keys()

参数：要返回其枚举自身属性的对象

返回值：一个表示给定对象的所有可枚举属性的字符串数组

处理对象，返回可枚举的属性数组

 let obj ={
     name:'小明',
     age:18,
     hobby:'打豆豆'
 }
 console.log(Object.keys(obj)); // [ "name", "age", "hobby" ]

处理数组，返回索引值数组

 let arr = [1, 2, 3, 4, 5, 6]
 console.log(Object.keys(arr)); // ["0", "1", "2", "3", "4", "5"]

处理字符串，返回索引值数组

 let str = "字符串String"
 console.log(Object.keys(str)); // [ "0", "1", "2", "3", "4", "5", "6", "7", "8" ]

可以使用

 let obj ={
     name:'小明',
     age:18,
     hobby:'打豆豆'
 }
Object.keys(obj).map(item=>{
    obj[item]  // 可以获取到属性对应的值
})

Object.values()

参数：要返回其枚举自身属性值的对象

返回：一个表示给定对象的所有可枚举属性值的字符串数组

处理对象，返回可枚举的属性值数组

 let obj = {
     name: '小明',
     age: 18,
     hobby: '打豆豆'
  }
  console.log(Object.values(obj)); // [ "小明", 18, "打豆豆" ]

处理数组，返回值数组

 let arr = [1, 2, 3, 4, 5, 6]
 console.log(Object.values(arr)); // [ 1, 2, 3, 4, 5, 6 ]

处理字符串，返回字符数组

 let str = "字符串String"
 console.log(Object.values(str)); // [ "字", "符", "串", "S", "t", "r", "i", "n", "g" ]

Object.entries()

参数：要返回其枚举自身键值对的对象

返回：一个给定对象自身可枚举属性的键值对数组

处理对象，返回可枚举的键值对数组

 let obj = {
     name: '小明',
     age: 18,
     hobby: '打豆豆'
 }
 console.log(Object.entries(obj)); // [ ["name","小明"] , ["age","18"] , ["hobby","打豆豆"] ]

 处理数组，返回键索引和值数组

 let arr = [1, 2, 3, 4, 5, 6]
 console.log(Object.entries(arr)); // [ [ "0", 1 ],[ "1", 2 ],["2", 3],["3", 4],["4", 5],["5", 6] ]

处理字符串，返回键索引和字符数组

 let str = "字符串String"
 console.log(Object.entries(str)); // [ [ "0", "字" ], [ "1", "符" ], [ "2", "串" ], [ "3", "S" ], [ "4", "t" ], [ "5", "r" ],[ "6", "i" ], [ "7", "n" ], [ "8", "g" ]]

遍历使用

 let obj = {
     name: '小明',
     age: 18,
     hobby: '打豆豆'
 }
for (const [key, value] of Object.entries(obj)) {
  console.log(key, value); 
}


// 或者
Object.entries(obj).forEach(([key, value]) => {
console.log(key, value); 
});