Object.keys方法之详解

cfanr 发布于2019-08-26 13:44 / 277人阅读

摘要：一语法参数要返回其枚举自身属性的对象返回值一个表示给定对象的所有可枚举属性的字符串数组二处理对象，返回可枚举的属性数组张三深圳三处理数组，返回索引值数组四处理字符串，返回索引值数组字符串五常用技巧张三深圳获取到属性对应的值，做一些处理六和是

一、语法

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

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

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 = "saasd字符串"

Object.keys(str) // ["0", "1", "2", "3", "4", "5", "6", "7"]

五、常用技巧

let person = {name:"张三",age:25,address:"深圳",getName:function(){}}

Object.keys(person).map((key)=>{

　　person[key] // 获取到属性对应的值，做一些处理

})

六、Object.values()和Object.keys()是相反的操作，把一个对象的值转换为数组

云服务器 GPU云服务器方法参数详解方法签名详解 grep()方法详解 php魔术方法详解

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/109422.html

原生js中Object.keys方法详解

摘要：实际开发中，有时需要知道对象的所有属性，原生提供了一个方法。这些元素是来自于给定的可直接枚举的属性，这些属性的顺序与手动遍历该对象属性时的一致。在中，非对象的参数将被强制转换为一个对象。六要在原生不支持的就环境中添加兼容的可以添加以下脚本实际开发中，有时需要知道对象的所有属性，原生js提供了一个方法Object.keys()。Object.keys(obj)返回的是一个数组，该数组的...

pumpkin9 2019-08-22 18:41 评论0 收藏0
详解JavaScript之神奇的Object.defineProperty

摘要：与当与同时为时，属性不能重新使用定义，严格模式下会报错示例云麒报错当或者为时，属性可以重新使用定义，这一点读者不妨自行测试。摘要： JavaScript有个很神奇的Object.defineProperty()，了解一下？ =与Object.defineProperty 为JavaScript对象新增或者修改属性，有两种不同方式：直接使用=赋值或者使用Object.definePro...

baishancloud 2019-08-26 17:40 评论0 收藏0
深入了解JavaScript 中的For循环之详解

摘要：将品牌的标价全部加苏南的专栏交流公众号不会对空数组进行检测。方法用于调用数组的每个元素，并将元素传递给回调函数。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: 今天我想分享一个有关于循环筛选的知识点，也许是前端小白的你首先想到的是用for循环做筛选，但我这种小菜鸟想到的就是map(工作中很喜欢...

linkin 2019-08-02 14:03 评论0 收藏0
深入了解JavaScript 中的For循环之详解

摘要：将品牌的标价全部加苏南的专栏交流公众号不会对空数组进行检测。方法用于调用数组的每个元素，并将元素传递给回调函数。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: 今天我想分享一个有关于循环筛选的知识点，也许是前端小白的你首先想到的是用for循环做筛选，但我这种小菜鸟想到的就是map(工作中很喜欢...

jimhs 2019-08-23 14:36 评论0 收藏0