ES9 新增了两个很实用的方法,Object.values()
和 Object.entries()
,让我们可以更方便地操作对象。本文将深入介绍这两个方法的用法和示例。
Object.values()
Object.values()
方法返回一个对象自身可枚举属性的值的数组。如果对象中不存在可枚举属性,则返回空数组。
语法如下:
------------------
示例 1:获取对象的值数组
以下代码使用 Object.values()
方法获取对象 person
的值数组:
----- ------ - - ----- ------ ---- --- ------- ------ -- ----- ------ - ---------------------- -------------------- -- ------- --- -------
示例 2:输出对象所有可遍历属性的值
以下代码使用 Object.values()
方法输出一个对象所有可遍历属性的值:
----- --- - - ---- ------ ---- -- -- -------------------------------- -- ------- ---
示例 3:获取数组的值
以下代码使用 Object.values()
方法获取数组 arr
的值数组:
----- --- - ----- ---- ----- -------------------------------- -- ----- ---- ----
Object.entries()
Object.entries()
方法返回一个对象自身可枚举属性的键值对数组。如果对象中不存在可枚举属性,则返回空数组。
语法如下:
-------------------
示例 1:获取对象的键值对数组
以下代码使用 Object.entries()
方法获取对象 person
的键值对数组:
----- ------ - - ----- ------ ---- --- ------- ------ -- ----- ------- - ----------------------- --------------------- -- --------- ------- ------- ---- ---------- --------
示例 2:遍历输出对象的键值对
以下代码使用 Object.entries()
方法遍历输出对象 obj
的所有键值对:
----- --- - - ---- ------ ---- -- -- --- ------ ----- ------ -- -------------------- - -------------------- ----------- - -- -------- ------- -- ----- ---- -- ----- ---
示例 3:获取 Map 对象的键值对
以下代码使用 Object.entries()
方法获取 Map 对象 map
的键值对数组:
----- --- - --- ----- --- ------- --- ------- --- -------- --- --------------------------------- -- ---- ------- --- ------- --- ---------
总结
Object.values()
和 Object.entries()
方法让我们可以更方便地操作对象,通过本文的学习,我们可以见识到其威力,这将大大提高我们工作的效率,所以在日常开发中一定要灵活应用它们。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6532438f7d4982a6eb4b2b88