Object.keys()和Object.values()的用法

一.Object.keys()的用法

返回值:

1.传入对象，返回属性名

2.传入字符串，返回索引

3.构造函数 返回空数组或者属性名

①对象,返回对象的key值组成的数组(字符串类型的)

代码演示:

let obj={
    name:"zhangsan",
    age:18,
    gender:"male"
}
console.log(Object.keys(obj));//[ 'name', 'age', 'gender' ]

输出结果:

②字符串,返回字符串索引组成的数组(字符串)

let str = "Hello";
console.log(Object.keys(str));//[ '0', '1', '2', '3', '4' ]

输出结果:

二.Object.values()的用法

返回值:

1.传入对象，返回value值

2.传入字符串，返回单个字符

3.传入数组，返回该数组

4.构造函数 返回空数组或者属性名

①对象,返回对象的value值组成的数组(字符串)

代码演示:

let obj={
    name:"张三",
    age:18,
    gedner:"男"
}
for(let item in obj){
    console.log(item);// name age gender
}
console.log(Object.values(obj));//[ '张三', 18, 'male' ]

输出结果:

                        ![image.png](https://cdn.nlark.com/yuque/0/2021/png/21762447/1624104783349-62c1fca1-c30c-4bf4-8cd9-5edfa4a7f4cd.png#clientId=uca126276-8ff5-4&from=paste&height=43&id=ucd892ce6&margin=%5Bobject%20Object%5D&name=image.png&originHeight=43&originWidth=182&originalType=binary&ratio=1&size=1217&status=done&style=none&taskId=u70f57a64-afe2-47f6-8654-094f6c6d4ee&width=182)

②数组,返回该数组

let  arr = [20,10,30];
console.log(Object.values(arr));//[ 20, 10, 30 ]

输出结果:

③字符串,返回单个字符组成的数组(字符串类型)

let str =  "hello";
console.log(Object.values(str));//[ 'h', 'e', 'l', 'l', 'o' ]

输出结果: