Object.keys方法详解
2019-10-11 00:03
1836 查看
一、官方解释
Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举,那么将返回由键组成的数组。
二、语法
Object.keys(obj)参数:要返回其枚举自身属性的对象
返回值:一个表示给定对象的所有可枚举属性的字符串数组[/code]
三、处理对象,返回可枚举的属性数组
<!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)
相关文章推荐
- Object.keys方法之详解
- Object.keys方法之详解
- Object.keys方法之详解
- Object.keys方法之详解
- ES6中新增的Object.assign()方法详解
- (二十五)Java工具类EqualsBuilder协助Object.equals(object)方法详解
- Object.keys方法
- JSONObject使用方法详解
- (二十五)Java工具类EqualsBuilder协助Object.equals(object)方法详解
- Android中gson、jsonobject解析JSON的方法详解
- JavaScript Object.defineProperty()方法详解
- (二十五)Java工具类EqualsBuilder协助Object.equals(object)方法详解
- 判断js中各种数据的类型方法之 typeof() 和 Object.prototype.toString() 详解
- (二十五)Java工具类EqualsBuilder协助Object.equals(object)方法详解
- (二十五)Java工具类EqualsBuilder协助Object.equals(object)方法详解
- (二十五)Java工具类EqualsBuilder协助Object.equals(object)方法详解
- JavaScript Object.defineProperty()方法详解
- 【Java基础之Object类(一)】Java中Object类中的所有方法(toString、equals、hashCode、clone、finalize、wait和notify等)详解
- JSONObject 使用方法详解
- 详解java中Object的clone方法