在 JavaScript 中,对象是一种非常常见的数据类型,它可以存储键值对,也可以存储函数、数组、甚至是其他对象。在 ES8 中,新增了 Object.values() 和 Object.entries() 两个方法,它们可以帮助我们更方便地操作对象。本文将对这两个方法进行详细介绍,并提供示例代码。
Object.values() 方法
Object.values() 方法可以返回一个对象所有可枚举属性的值(不包括原型链上的属性)。返回的值是一个数组,数组中的元素顺序与对象属性的定义顺序一致。
语法
------------------
参数
- obj:要返回值的对象。
返回值
一个包含对象所有可枚举属性值的数组。
示例
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------- -------------------- -- --- -- --
Object.entries() 方法
Object.entries() 方法可以返回一个对象所有可枚举属性的键值对(不包括原型链上的属性)。返回的值是一个数组,数组中的元素是键值对数组,其中第一个元素是属性名,第二个元素是属性值。数组中元素的顺序与对象属性的定义顺序一致。
语法
-------------------
参数
- obj:要返回键值对的对象。
返回值
一个包含对象所有可枚举属性键值对的数组。
示例
----- --- - - -- -- -- -- -- - -- ----- ------- - -------------------- --------------------- -- ------ --- ----- --- ----- ---
使用 Object.values() 和 Object.entries() 方法
1. 遍历对象属性值
使用 Object.values() 方法可以方便地遍历对象的属性值。
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------- --- ------ ----- -- ------- - ------------------- - -- - -- - -- -
2. 遍历对象键值对
使用 Object.entries() 方法可以方便地遍历对象的键值对。
----- --- - - -- -- -- -- -- - -- ----- ------- - -------------------- --- ------ ----- ------ -- -------- - -------------------- ----------- - -- -- - -- -- - -- -- -
3. 将对象转换为 Map
使用 Object.entries() 方法可以方便地将对象转换为 Map。
----- --- - - -- -- -- -- -- - -- ----- --- - --- ------------------------- ----------------- -- --- - --- -- -- --- -- -- --- -- - -
4. 将 Map 转换为对象
使用 Object.fromEntries() 方法可以方便地将 Map 转换为对象,该方法是 ES10 中新增的。
----- --- - --- ---------- --- ----- --- ----- ----- ----- --- - ------------------------ ----------------- -- - -- -- -- -- -- - -
总结
Object.values() 和 Object.entries() 方法是 ES8 中新增的两个操作对象的方法,它们可以方便地遍历对象属性值和键值对,也可以将对象转换为 Map,或将 Map 转换为对象。在实际开发中,我们可以根据需要灵活使用这两个方法,提高代码的可读性和开发效率。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65dd87cb1886fbafa4adf90e