Object.keys用于获取对象自身可枚举属性名组成的数组。其基本用法是object.keys(obj)，返回对象自身的可枚举属性数组，如遍历对象属性时可用object.keys(data).foreach处理每个键值对；判断对象是否为空可通过object.keys(obj).Length === 0实现；还可提取对象键名用于进一步处理，如生成下拉菜单选项。但需注意：不可枚举属性、symbol属性不会被列出，且非对象参数会抛出错误。
Object.keys 是 JavaScript 中一个非常实用的方法，用来获取对象自身的、可枚举的属性名，返回一个数组。它常用于遍历对象属性、判断对象是否为空等场景。
基本用法
Object.keys(obj) 接收一个对象作为参数，返回该对象所有可枚举属性组成的数组。例如：
const user = { name: 'Tom', age: 25, gender: 'male' }; console.log(Object.keys(user)); // 输出 ["name", "age", "gender"]
注意：它只处理对象自身的属性，不包括继承来的属性。
常见用途
1. 遍历对象属性
如果你需要对一个对象的所有键进行操作，比如打印每个键对应的值，可以这样写：
const data = { a: 1, b: 2, c: 3 }; Object.keys(data).foreach(key => { console.log(`${key}: ${data[key]}`); });
这种方式比 for…in 更可控，尤其在你想排除原型链上的属性时。
2. 判断对象是否为空
有时候你需要判断一个对象是不是“空”的，也就是有没有自己的属性：
function isEmpty(obj) { return Object.keys(obj).length === 0; } console.log(isEmpty({})); // true console.log(isEmpty({ key: 'value' })); // false
这个方法简单直接，适合很多实际场景。
3. 获取对象的键列表做进一步处理
比如你想把对象的键转换成下拉菜单选项：
const options = { red: '#FF0000', green: '#00FF00', blue: '#0000FF' }; const keys = Object.keys(options); // 可以传给组件渲染下拉框，或者生成表单标签等等
注意事项
-
不可枚举属性不会被包含
如果你用了 Object.defineProperty 设置某个属性为不可枚举，那它就不会出现在 Object.keys 的结果中。 -
Symbol 属性不会被列出
如果你用 Symbol 作为键名，也不会出现在结果里，需要用 Object.getOwnPropertySymbols() 来获取。 -
非对象参数会抛出错误（ES5 模式）
在严格模式下，传入 NULL 或者原始类型（如数字、字符串）会报错。建议使用前确保参数是对象。
总结一下
- Object.keys 返回的是对象自身可枚举属性的数组。
- 它在遍历、判断空对象、提取键名等场景非常有用。
- 使用时要注意 Symbol 键和不可枚举属性的问题。
基本上就这些，不复杂但挺常用。
