在 ES7（ECMAScript 2016）中，JavaScript新增了两个处理对象（Object）的方法：Object.values() 和 Object.entries()。这两个方法在前端开发中使用广泛，能够提高我们的编码效率和程序性能。在本篇文章中，我们将详细解析这两个方法的使用方法和指导意义。
Object.values()
Object.values() 方法返回一个给定对象自身的所有可枚举属性值的数组，值的顺序与使用 for...in 循环遍历该对象时返回的顺序一致。该方法接受一个对象作为参数。
使用示例
const obj = { a: 'apple', b: 'banana', c: 'cat' };
const values = Object.values(obj);
console.log(values); // ['apple', 'banana', 'cat']上面的代码创建了一个包含三个属性的对象，通过 Object.values() 方法返回了该对象的所有属性值的数组。
需要注意的是，Object.values() 方法只返回对象自身的可枚举属性值数组，忽略其原型链。
指导意义
Object.values() 方法的使用可以帮助我们遍历对象的属性值，提升我们的编码效率。与传统的使用 for...in 循环遍历对象属性比较，使用 Object.values() 方法能够使代码更加简洁和清晰。
Object.entries()
Object.entries() 方法返回一个给定对象自身的所有可枚举属性键值对的数组，包括它的原型链上的属性，值的顺序与使用 for...in 循环遍历该对象时返回的顺序一致。该方法接受一个对象作为参数。
使用示例
const obj = { a: 'apple', b: 'banana', c: 'cat' };
const entries = Object.entries(obj);
console.log(entries); // [['a', 'apple'], ['b', 'banana'], ['c', 'cat']]上面的代码创建了一个包含三个属性的对象，通过 Object.entries() 方法返回了该对象的所有属性键值对的数组。
需要注意的是，Object.entries() 方法将所有属性键值对作为一个数组返回，每个键值对都是一个数组，第一个元素是属性名，第二个元素是属性值。
指导意义
Object.entries() 方法可以帮助我们迭代对象的键值对，提升我们的编码效率。与传统的使用 for...in 循环遍历对象属性比较，使用 Object.entries() 方法能够使代码更加简洁和清晰。
总结
Object.values() 和 Object.entries() 方法的出现，为我们处理对象的属性和键值对带来了很大的便利。在开发中，我们应该根据具体需求选择合适的方法进行处理，提升我们的编码效率和程序性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6495941c48841e98942b43ab