在 ECMAScript 2017 中，Object 内置对象中新增了 Object.values() 和 Object.entries() 两个方法，它们的作用是分别返回对象属性的值和键/值对数组。这篇文章将深入介绍这两个方法以及使用时需要注意的一些陷阱。
Object.values()
Object.values() 方法返回一个数组，数组中包含了对象自身的可枚举属性的值。该方法可以方便地遍历对象的值，但需要注意的是，它只会返回对象自身的属性的值，不会包含原型链上的属性。
下面是 Object.values() 的一个示例使用：
const obj = { a: 1, b: 2, c: 3 }
const values = Object.values(obj)
console.log(values) // [1, 2, 3]Object.entries()
Object.entries() 方法返回一个数组，数组中包含了对象自身的可枚举属性的键/值对。该方法可以方便地遍历对象的属性及其对应的值，但需要注意的是，它只会返回对象自身的属性的键/值对，不会包含原型链上的属性。
下面是 Object.entries() 的一个示例使用：
const obj = { a: 1, b: 2, c: 3 }
const entries = Object.entries(obj)
console.log(entries) // [['a', 1], ['b', 2], ['c', 3]]避免陷阱
使用 Object.values() 和 Object.entries() 时需要注意一些陷阱：
特定环境下的兼容性问题
虽然 Object.values() 和 Object.entries() 已经被列入了 ECMAScript 规范，但是一些较老的浏览器可能不支持这两个方法。因此，在开发过程中需要特别关注使用环境的兼容性问题。
遍历顺序
Object.values() 和 Object.entries() 返回的数组中，属性值/键值对的顺序可能不同于对象中属性的定义顺序。具体顺序在不同环境下可能会有所不同，因此在使用时需要特别注意。
返回的数组是非枚举的
使用 Object.values() 和 Object.entries() 返回的数组是非枚举的，因此不能使用 for...in 循环遍历。如果需要遍历数组中的元素，可以使用 forEach() 方法或者 for 循环。
总结
Object.values() 和 Object.entries() 是 ECMAScript 2017 中新增的两个方法，它们可以方便地遍历对象的值和键/值对。但是在使用时需要特别关注兼容性问题、遍历顺序以及返回的数组是否可枚举等陷阱。希望本文对你对 Object.values() 和 Object.entries() 有更深入的了解以及正确的使用有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b2d7e648841e9894f088dd