JavaScript 语言是前端开发的基础，而 ES7 是 JavaScript 的一个重要版本，它新增了一些非常实用的函数，其中 Object.entries 和 Object.values 就是其中两个非常有用的函数。本文将详细介绍这两个函数的用法和指导意义，并提供示例代码。
Object.entries 函数
Object.entries 函数的作用是将对象的键值对转换为数组，其中每个数组元素都包含键和值。它的语法如下：
Object.entries(obj)
其中 obj 是要转换为数组的对象。
下面是一个示例代码：
const obj = { x: 1, y: 2, z: 3 };
const entries = Object.entries(obj);
console.log(entries);输出结果为：
[ [ 'x', 1 ], [ 'y', 2 ], [ 'z', 3 ] ]
这个结果是一个数组，其中每个元素都是一个数组，包含了对象的键和值。
Object.entries 函数非常实用，它可以用于遍历对象的属性，也可以用于将对象转换为 Map 对象。
Object.values 函数
Object.values 函数的作用是将对象的值转换为数组，其中每个数组元素都是对象的一个值。它的语法如下：
Object.values(obj)
其中 obj 是要转换为数组的对象。
下面是一个示例代码：
const obj = { x: 1, y: 2, z: 3 };
const values = Object.values(obj);
console.log(values);输出结果为：
[ 1, 2, 3 ]
这个结果是一个数组，其中每个元素都是对象的一个值。
Object.values 函数也非常实用，它可以用于遍历对象的属性值，也可以用于将对象的属性值转换为数组。
总结
ES7 新增的 Object.entries 和 Object.values 函数非常实用，它们可以用于遍历对象的属性和属性值，也可以用于将对象转换为数组或 Map 对象。在实际开发中，我们可以根据具体的需求来选择使用哪个函数。同时，我们也可以通过这两个函数来提高代码的可读性和可维护性。
示例代码：
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- -- ------- --- ------ ----- ------ -- -------------------- - -------------------- ----------- - -- -------- --- ------ ----- -- ------------------- - ------------------- - -- ------ --- -- ----- --- - --- ------------------------- -----------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f83540d10417a2223afec9