ES对象方法

ES7

Object.keys(obj)

传入一个对象,返回一个包含对象的可枚举属性和方法的名称的、所有元素为字符串的数组。

ES6之后传入的不是对象也可以强制转换为对象,而在ES5中,如果传入的不是对象会报错:xx is not an object。

ES6中传入的不是对象的具体返回值:

传入字符串,返回索引值。

传入数组,返回索引值。

传入数组,返回索引值

构造函数,返回空数组或者属性名

通俗而不严谨的说,就是返回一个由对象的属性名/方法名组成的数组。

一个正常的code狗在脑子还算清醒的情况下

注意:keys 方法仅返回可枚举属性和方法的名称;若要返回可枚举和不可枚举属性和方法的名称,可以使用Object.getOwnPropertyNames()函数。

那么问题来了,学以致用嘛,当你想遍历对象的所有值时,该怎么做?

遍历对象的所有值

诶意外发现了一种把对象转换成数组的方法啊哈哈 ~

好了,这种方法看起来很好用,但是ES7已经老了,让我们试试看如果使用ES8如何操作:

ES8

Object.values()

遍历对象的所有值

这两种方式得到的结果是一致的,也就是说Object.values()帮我们省去了遍历key,并根据这些key获取value的步骤,可以直接得到对象的键值组成的数组。

那么也就是这两种方法,通俗而不严谨的,我们可以理解成,Object.keys()可以帮我们获取对象键名组成的数组,Object.values()可以帮我们获取对象键值组成的数组,真的超级方便了。

ES8还为我们提供了一种方法,用来返回一个给定对象自身可枚举属性的键值对的数组。

Object.entries()


例一


例二

也是超级贴心了~

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,187评论 0 3
  • 1 Object 对象 教程:https://wangdoc.com/javascript/stdlib/obje...
    智勇双全的小六阅读 7,051评论 0 0
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 10,246评论 0 5
  • 属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法。 上面代码表明,ES6允许在对象之中,直接写...
    oWSQo阅读 3,505评论 0 0
  • 今天的主题本不应该是这个,可是因为今天一直在忙自己网站的事情,就临时把以前写过的东西重新发表了一遍。本来今天早上1...
    李红梅阅读 2,761评论 0 1

友情链接更多精彩内容