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);
});