什么是 Object.keys 方法
Object.keys 方法是 ECMAScript 2016 中一个非常实用的方法，用来获取一个对象的所有键名。它会返回一个数组，这个数组包含了对象的所有键名。这个方法非常实用，特别是在前端开发中经常需要对对象进行遍历的时候。
如何使用 Object.keys 方法
Object.keys 方法非常简单，只需要传入你需要获取键名的对象，它就会返回一个包含键名的数组。
const obj = {name: '张三', age: 18, gender: '男'}
const keys = Object.keys(obj)
console.log(keys) // ['name', 'age', 'gender']深入了解 Object.keys 方法
Object.keys 方法非常实用，但是有时候我们还需要对它做一些深入的了解。比如说，它只返回对象的可枚举属性，而不包括它的原型链上的属性；它只返回键名，而不返回键值。这些细节非常重要，因为它们对于前端开发来说都是非常实用的。
返回可枚举属性
当我们使用 Object.keys 方法的时候，它只会返回对象的可枚举属性。那么什么是可枚举属性呢？在 JavaScript 中，一个对象的属性有时候是可以被枚举的，有时候又是不能被枚举的。我们可以通过 Object.defineProperty 方法来控制一个属性是否可枚举。
下面的代码演示了如何使用 Object.defineProperty 方法来控制一个属性是否可枚举。
-- -------------------- ---- ------- ----- --- - -- -------------------------- ------- - ------ ----- ----------- ---- -- --- -- -------------------------- ------ - ------ --- ----------- ----- -- ---- -- ----- ---- - ---------------- ----------------- -- --------
返回键名
Object.keys 方法只返回对象的键名，并不返回键值。如果我们需要获取键值的时候，可以使用对象的属性访问器来获取。下面的代码演示了如何使用 Object.keys 方法和对象的属性访问器来获取键名和键值。
const obj = {name: '张三', age: 18, gender: '男'}
const keys = Object.keys(obj)
keys.forEach(key => {
console.log(`${key}: ${obj[key]}`)
})总结
Object.keys 方法是 ECMAScript 2016 中一个非常实用的方法，它可以帮助我们快速地获取一个对象的所有键名。同时，我们也需要注意到它只返回可枚举属性，而不包括原型链上的属性，仅返回键名，而不返回键值。在前端开发中，Object.keys 方法是一种非常实用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f2c470f6b2d6eab3c5b613