好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

ES6+ Object.keys()

ES6+ Object.keys()

1. 前言

我们知道迭代对象可以使用 for...in 循环来做,但 for...in 循环会枚举其原型链上的 属性 ,这使得我们在遍历时需要判断是不是原型链 属性 。 Object.keys() 可以接受 一个 对象返回 一个 可枚举的数组,数组中的元素的排列顺序和使用 for...in 循环遍历返回的顺序是一致的。
Object.keys() 在 ES5 中就有此 方法 ,但是在设计上存在一定的缺陷,ES6 对其底层做了重大的更新。比如:在 ES5 中,如果此 方法 的参数不是对象(而是 一个 原始值),那么它会抛出 TypeError。在 ES2015 中,非对象的参数将被强制转换为 一个 对象。

  // ES5  代码  
Object .  keys  (  "imooc"  )  ;    // TypeError: "imooc" is not an object 
 // ES6  代码  
Object .  keys  (  "imooc"  )  ;    // ["0", "1", "2", "3", "4"] 
 

现在的浏览器已经基本都 支持 ES6 的结果了,下面我们来系统性地认识一下 Object.keys() 。

2. 方法 详情

2.1 基本语法

Object.keys() 方法 会返回 一个 由 一个 给定对象的自身可枚举 属性 组成的数组,数组中 属性 名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

语法使用:

 Object .  keys  ( obj ) 
 

参数解释:

参数 描述 obj 要返回其枚举自身 属性 的对象。

查看更多关于ES6+ Object.keys()的详细内容...

  阅读:37次

上一篇

下一篇

第1节:ES6+ 简介    第2节:ES6 环境配置    第3节:ES6+ let    第4节:ES6+ const    第5节:ES6+ 展开语法    第6节:ES6+ 剩余参数    第7节:ES6+ 解构赋值    第8节:ES6+ 模版字符串    第9节:ES6+ 箭头函数    第10节:ES6+ 数值扩展    第11节:ES6+ isFinite()&isNaN()    第12节:ES6+ Number 对象的方法    第13节:ES6+ Math 对象的扩展    第14节:ES6+ includes()    第15节:ES6+ 字符串的扩展    第16节:ES6+ startsWith()    第17节:ES6+ endsWith()    第18节:ES6+ repeat()    第19节:ES6+ padStart()    第20节:ES6+ padEnd()    第21节:ES6+ trim()    第22节:ES6+ Array.from()    第23节:ES6+ of()    第24节:ES6+ find()和findIndex()    第25节:ES6+ copyWithin()    第26节:ES6+ fill()    第27节:ES6+ isArray()    第28节:ES6+ 对象的扩展    第29节:ES6+ flat()    第30节:ES6+ 可选链操作符    第31节:ES6+ Object.is()    第32节:ES6+ Object.assign()    第33节:ES6+ Object.keys()    第34节:ES6+ Object.values()    第35节:ES6+ Object.entries()    第36节:ES6+ 数据结构扩展    第37节:ES6+ Set    第38节:ES6+ WeakSet    第39节:ES6+ Map    第40节:ES6+ WeakMap    第41节:ES6+ Symbol    第42节:ES6+ for...of    第43节:ES6+ 迭代协议    第44节:ES6+ 实现一个简版的 Promise    第45节:ES6+ Promise 基础    第46节:ES6+ Promise 进阶    第47节:ES6+ Generator 基础    第48节:ES6+ Generator 函数应用    第49节:ES6+ async/await    第50节:ES6+ Class 前置知识    第51节:ES6+ Class    第52节:ES6+ Proxy    第53节:ES6+ Reflect(一)    第54节:ES6+ Reflect(二)    第55节:ES6+ 模块化(一)    第56节:ES6+ 模块化(二)    第57节:ES6实战1-实现Vue3 reactive 源码    第58节:ES6实战2-实现 Vue3 effect 源码    第59节:ES6 实战2-封装请求    第60节:ES6+ 实战3-代码整洁之道    第61节:ES6 Map原理分析    第62节:ES6module语法加载importexport    第63节:ES6的循环与可迭代对象示例详解