JavaScript Object.keys() 方法

Object.keys() 语法

Object.keys() 是 JavaScript 的一个静态方法，它会以 “数组的形式” 返回指定对象自身的可枚举属性（键）。

语法：

Object.keys(obj)

说明：

Object.keys() 方法接收单个参数。

• obj（必选）：表示要操作的对象。

对于 Object.keys()，小伙伴们要清楚以下几点。

• Object.keys() 只会返回字符串键的属性名，不包括 Symbol 属性。如果想要获取 Symbol 属性，我们应该使用 Object.getOwnPropertySymbols()。
• Object.keys() 只会返回可枚举的属性。通过 Object.defineProperty() 设置为 enumerable: false 的属性将不会被返回。
• Object.keys() 只会返回自身属性，不包括原型链上的继承属性。如果你需要获取所有可枚举的属性（包括继承的），应该使用 for...in 循环。

Object.keys() 摘要

Object.keys() 示例

接下来，我们通过几个简单的例子来讲解一下 Object.keys() 方法是如何使用的。

示例 1：Object.keys() 基本用法

const obj = {name: "Jack", age: 20};
console.log(Object.keys(obj));

运行结果如下。

[ 'name', 'age' ]

分析：

Object.keys() 的参数不仅可以是 Object 对象，还可以是其他内置对象（Number、Array 等）。只不过参数为不同内置对象时，返回值也不同，请看下面几个例子。

示例 2：Object.keys() 参数是一个数字

const num = 2077;
console.log(Object.keys(num));

运行结果如下。

[]

分析：

当 Object.keys() 参数是一个数字时，其返回值必定是一个空数组。

示例 3：Object.keys() 参数是一个字符串

const str = "绿叶网";
console.log(Object.keys(str));

运行结果如下。

[ '0', '1', '2' ]

分析：

当 Object.keys() 参数是一个字符串时，数组每个元素都是一个字符串型的数字（从 0 开始）。

示例 4：Object.keys() 参数是一个数组

const arr = ["Python", "C++", "Java"];
console.log(Object.keys(arr));

运行结果如下。

[ '0', '1', '2' ]

分析：

当 Object.keys() 参数是一个数组时，数组每个元素也是一个字符串型的数字（从 0 开始）。

示例 5：Object.keys() 只会获取可枚举属性

const user = {
    name: "Jack",
    age: 20
};

// 添加一个不可枚举属性
Object.defineProperty(user, "id", {
    value: "007",
    enumerable: false
});

const keys = Object.keys(user);

console.log(keys);
console.log(Object.getOwnPropertyNames(user));

运行结果如下。

[ 'name', 'age' ]
[ 'name', 'age', 'id' ]

分析：

从结果可以看出，Object.keys() 只会返回可枚举的自身属性（name、age），而忽略不可枚举的属性（id）。

Object.keys()、Object.values()、Object.entries()

Object.keys()、Object.values()、Object.entries() 这 3 个是 “好基友” 关系，它们都是静态方法，只能供类名调用。三者之间的区别如下：

• Object.keys() 会返回一个数组，该数组包含对象所有的 “键”。
• Object.values() 会返回一个数组，该数组包含对象所有的 “值”。
• Object.entries() 会返回一个数组，该数组包含对象所有的 “键值对”。