Object.keys（）的详解和用法

2022-08-11 12:01:16 阅读：193 来源： 互联网

标签：arr keys Object person 详解 let address

一、语法

Object.keys(obj)
参数：要返回其枚举自身属性的对象
返回值：一个表示给定对象的所有可枚举属性的字符串数组

在实际开发中，我们有时需要知道对象的所有属性;
ES5 引入了Object.keys方法，成员是参数对象自身的（不含继承的）所有可遍历（ enumerable ）属性的键名。

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

let person = {name:"张三",age:25,address:"深圳",getName:function(){}}
Object.keys(person) // ["name", "age", "address","getName"]

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

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

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

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

五、常用技巧

1.Object.keys(obj).map( ()=>{} )

　　　　let person = {name:"张三",age:25,address:"深圳"}
　　　　var newarr = Object.keys(person).map((key)=>{
    　　　　return person[key]
　　　　})
　　　　console.log(newarr);

2.Object.keys(obj).forEach( ()=>{} )

　　　　let person = {name:"张三",age:25,address:"深圳"}
　　　　var arr = []
　　　　Object.keys(person).forEach((key)=>{
    　　　　arr.push(person[key])
　　　　})
　　　　console.log(arr);

　　　　let person = {name:"张三",age:25,address:"深圳"}
　　　　var arr = []
　　　　Object.keys(person).forEach((key)=>{
    　　　　arr.push(key)
　　　　})
　　　　console.log(arr);

六、Object.values()

Object.values()和Object.keys()是相反的操作

Object.values: 返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（ enumerable ）属性的键值。

　　let person = {name:"张三",age:25,address:"深圳"}
　　var obj = Object.values(person)
　　console.log(obj);

七、Object.entries()

Object.entries:返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（ enumerable ）属性的键值对数组。

　　let person = {name:"张三",age:25,address:"深圳"}
　　var obj = Object.entries(person)
　　console.log(obj);

参考---https://blog.csdn.net/wangxinxin1992816/article/details/124523086

标签：arr,keys,Object,person,详解,let,address
来源： https://www.cnblogs.com/pwindy/p/16575570.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9