ES8 中的新特性:对象 entries 和对象 values
在 ES8 中,新增了两个对象方法:对象 entries 和对象 values。它们可以让开发人员更加轻松地操作对象。
对象 entries
Object.entries
方法返回一个给定对象的所有可枚举属性的 [key, value] 数组。这些属性包括对象本身的属性和从原型链上继承的属性。
以下是 Object.entries
的使用示例:
----- --- - - ----- ------- ---- --- ---- ---------- -- ----- ------- - -------------------- --------------------- -- ------- - -------- -------- ------- ---- ------- ----------- -
在这个例子中,我们将一个包含 name
、age
和 job
属性的对象传递给 Object.entries
方法,返回其所有属性的键值对的创建数组。
你也可以将 Object.entries
返回的数组转化为一个对象:
----- ------- - - -------- -------- ------- ---- ------- ----------- -- ----- --- - ---------------------------- ----------------- -- ------- - ----- ------- ---- --- ---- ---------- -
对象 values
Object.values
方法返回一个给定对象的所有可枚举属性的值数组。与 Object.entries
不同,返回的数组仅包含对象自身的属性。
以下是 Object.values
的使用示例:
----- --- - - ----- ------- ---- --- ---- ---------- -- ----- ------ - ------------------- -------------------- -- ------- -------- --- -----------
在这个例子中,我们将一个包含 name
、age
和 job
属性的对象传递给 Object.values
方法,返回仅包含对象自身属性的值数组。
你可以使用 Object.values
方法来获取对象的属性值,从而方便地进行一些操作:
----- --- - - ----- ------- ---- --- ---- ---------- -- ----- ---- - ----------------------------- -- ------ --- --- ---------- ------------------ -- ------- ----
在这个例子中,我们使用 Object.values
方法获取 obj
对象所有值的数组,然后使用 filter
方法筛选出所有 number
类型的值,得到一个新数组。
总结
Object.entries
和 Object.values
两个方法的出现,可以让我们更加轻松地获取对象的属性和值,方便开发人员更加高效地操作对象。
至此,我们已经介绍了 Object.entries
和 Object.values
两个方法,希望这篇文章可以帮助你更好地理解这两个方法,并加深你对 JavaScript
基础语法的理解。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/649ff1e948841e9894c4e5d9