ECMAScript 2017 中引入了 Object.values 和 Object.entries 这两个方法。它们可以让我们在对象处理时更加方便快捷，从而简化了前端开发的过程。本文将详细介绍这两个方法的使用方法，并通过示例代码进行说明。
Object.values: 获取对象的值
Object.values 方法返回一个给定对象的所有属性值的数组。该数组的顺序是对象自身可枚举属性的值的顺序。支持所有 object 类型，包括数组等对象。
用法
Object.values(obj)
- obj: 要获取值的对象。
示例
const obj = {a: 1, b: 2, c: 3};
console.log(Object.values(obj));
// 输出 [1, 2, 3]
const arr = ['a', 'b', 'c'];
console.log(Object.values(arr));
// 输出 ['a', 'b', 'c']Object.entries: 获取对象的键值对
Object.entries 方法返回一个给定对象自身可枚举属性的键值对数组。数组中每个元素都是一个二元数组 [key, value]，其中 key 是属性名，value 是属性对应的值。支持所有 object 类型，包括数组等对象。
用法
Object.entries(obj)
- obj: 要获取键值对的对象。
示例
const obj = {a: 1, b: 2, c: 3};
console.log(Object.entries(obj));
// 输出 [['a', 1], ['b', 2], ['c', 3]]
const arr = ['a', 'b', 'c'];
console.log(Object.entries(arr));
// 输出 [[0, 'a'], [1, 'b'], [2, 'c']]结论
使用 Object.values 和 Object.entries 可以让我们在处理对象时更加方便，从而简化了前端开发的过程。使用 Object.values 可以快速获取对象的所有属性值，使用 Object.entries 可以快速获取对象的所有键值对。通过这两个方法的使用，我们可以更加高效地完成前端开发任务。
希望这篇文章能对大家理解 Object.values 和 Object.entries 的使用有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670dcdac5f551281025e7213