在前端开发中，我们经常需要对对象进行遍历获取各个属性的值，而 ES6/ES7 中提供了 Object.values/Object.entries 这两个工具方法来更方便地实现该操作，使得代码更简洁、优雅，提高开发效率。
Object.values
Object.values 方法返回一个由对象的所有属性值组成的数组，其中属性的顺序跟 for...in 循环遍历时的顺序一致。
使用方式如下：
const obj = { a: "apple", b: "banana", c: "cherry" };
const values = Object.values(obj);
console.log(values); // ["apple", "banana", "cherry"]Object.entries
Object.entries 方法返回一个由对象的所有属性键值对组成的数组，其中每个子数组包含两个元素：属性键和属性值，且属性的顺序跟 for...in 循环遍历时的顺序一致。
使用方式如下：
const obj = { a: "apple", b: "banana", c: "cherry" };
const entries = Object.entries(obj);
console.log(entries); // [["a", "apple"], ["b", "banana"], ["c", "cherry"]]示例代码
-- -------------------- ---- -------
----- --- - - -- -------- -- --------- -- -------- --
-- --------
----- ------ - -------------------
-------------------- -- --------- --------- ---------
-- ----------
----- ------- - --------------------
--------------------- -- ------ --------- ----- ---------- ----- ----------
-- - ----- --- -------------- --- ---
----- ------- - -
----
------------------------------- ------- -- -
--- ----------
------ -------
-----
---
-----
--总结
通过学习 Object.values/Object.entries 的使用，我们可以更快捷地获取对象的属性值和属性键值对，减少代码量，提高开发效率。在 React 开发中，我们可以结合数组的 map 方法和解构赋值语法来更方便地渲染 JSX，让代码更加优雅。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/652242d395b1f8cacd9aa695