javascript学习总结之Object.keys（）方法详解
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
javascript学习总结之Object.keys（）⽅法详解
⼀、官⽅解释
Object.keys()⽅法会返回⼀个由⼀个给定对象的⾃⾝可枚举属性组成的数组，数组中属性名的排列顺序和使⽤ for...in 循环遍历该对象时返回的顺序⼀致。
如果对象的键-值都不可枚举，那么将返回由键组成的数组。
⼆、语法
Object.keys(obj)
参数：要返回其枚举⾃⾝属性的对象
返回值：⼀个表⽰给定对象的所有可枚举属性的字符串数组
三、处理对象，返回可枚举的属性数组
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Object.keys()处理对象，返回可枚举的属性数组</title>
</head>
<body>
<script type="text/javascript">
let person={
name:'⼀只流浪的kk',
age:20,
eat:function(){}
}
console.log(Object.keys(person));// ['name','age','eat']
</script>
</body>
</html>
四、处理数组，返回索引值数组
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Object.keys()处理数组，返回索引值数组</title>
</head>
<body>
<script type="text/javascript">
let arr=[1,2,3,4,5];
console.log(Object.keys(arr));//['0','1','2','3','4','5']
</script>
</body>
</html>
五、处理字符串，返回索引值数组
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Object.keys()处理字符串，返回索引值数组</title>
</head>
<body>
<script type="text/javascript">
let str='hello';
console.log(Object.keys(str));//['0','1','2','3','4']
</script>
</body>
</html>
六、实⽤技巧
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
let person={
name:'⼀只流浪的kk',
age:18,
eat:function(){
}
}
Object.keys(person).map((key)=>{
person[key];//获得属性对应的值，可以进⾏其它处理
})
</script>
</body>
</html>
七、Object.values()和Object.keys()是相反的操作，把⼀个对象的值转换为数组
注意：在ES5⾥，如果此⽅法的参数不是对象（⽽是⼀个原始值），那么它会抛出 TypeError。
在ES2015中，⾮对象的参数将被强制转换为⼀个对象
Object.keys("foo");
// TypeError: "foo" is not an object (ES5 code)
Object.keys("foo");
// ["0", "1", "2"] (ES2015 code)。