在 ES7 中,我们可以使用全局对象 Object
的两个新方法:Object.values()
和 Object.entries()
来获取对象的所有值和所有键值对。这两个方法可以帮助我们更方便地处理对象的数据,特别是在前端开发中,能够提高开发效率和代码质量。
Object.values() 方法
Object.values()
方法返回一个给定对象所有可枚举属性值的数组。
语法
------------------
参数
obj
:需要获取属性值的对象。
返回值
- 一个数组,包含给定对象所有可枚举属性值。
示例代码
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------- -------------------- -- --- -- --
Object.entries() 方法
Object.entries()
方法返回一个给定对象所有可枚举属性的键值对数组。
语法
-------------------
参数
obj
:需要获取属性键值对的对象。
返回值
- 一个数组,包含给定对象所有可枚举属性的键值对数组。
示例代码
----- --- - - -- -- -- -- -- - -- ----- ------- - -------------------- --------------------- -- ------ --- ----- --- ----- ---
使用技巧
1. 遍历对象的属性值
使用 Object.values()
方法可以更简洁地遍历对象的属性值。例如,我们可以使用 for...of
循环遍历一个数组:
----- --- - --- -- --- --- ------ ----- -- ---- - ------------------- -
而使用 Object.values()
方法,则可以使用 for...of
循环遍历一个对象的属性值:
----- --- - - -- -- -- -- -- - -- --- ------ ----- -- ------------------- - ------------------- -
2. 遍历对象的键值对
使用 Object.entries()
方法可以更方便地遍历对象的键值对。例如,我们可以使用 for...of
循环遍历一个数组的索引和值:
----- --- - --- -- --- --- ------ ------- ------ -- -------------- - ------------------ ------- -
而使用 Object.entries()
方法,则可以使用 for...of
循环遍历一个对象的键值对:
----- --- - - -- -- -- -- -- - -- --- ------ ----- ------ -- -------------------- - ---------------- ------- -
3. 将对象转为 Map 对象
使用 Object.entries()
方法可以将一个对象转为 Map
对象。例如,我们可以将一个对象转为 Map
对象,并使用 Map
对象的方法来操作它:
----- --- - - -- -- -- -- -- - -- ----- --- - --- ------------------------- -------------------------- -- - -------------------------- -- - -------------------------- -- -
4. 将对象转为数组
使用 Object.entries()
方法可以将一个对象转为数组。例如,我们可以将一个对象转为数组,并使用数组的方法来操作它:
----- --- - - -- -- -- -- -- - -- ----- --- - -------------------- -------------------- -- ----- -- -------------------- -- ----- -- -------------------- -- ----- --
总结
ES7 全局对象 Object.values()
和 Object.entries()
方法可以帮助我们更方便地处理对象的数据,在前端开发中具有重要的学习和指导意义。使用这两个方法可以提高开发效率和代码质量,特别是在遍历对象、将对象转为 Map
对象和数组等场景下,能够更加方便地操作对象的数据。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/655f96ead2f5e1655d9cdbb5