在 JavaScript 中，我们可以通过 Object.type 对象方法获取对象的属性，但是这个方法返回的是一个数组，数组里面包含了对象所有的可枚举属性。
在 ES6 中，我们还可以使用 Object.keys 方法来获取对象的属性，不同的是，它返回的是一个包含属性名称的数组。这个方法比 Object.type 更加灵活，可以更精准地获取到我们想要的属性。
语法
Object.keys(obj)
其中 obj 是要获取属性的对象。
示例
我们来看下面这个示例：
const person = {
name: "张三",
age: 18,
sex: "男"
};
console.log(Object.keys(person)); // ["name", "age", "sex"]在这个示例中，我们定义了一个名为 person 的对象，它包含了三个属性：name、age、sex。我们可以使用 Object.keys 方法来获取这个对象所有的属性名称，并将其打印到控制台上。
深入思考
获取对象的可枚举属性
在默认情况下，Object.keys 方法只能获取对象的可枚举属性，也就是那些可以通过 for...in 循环遍历到的属性。
如果我们想获取对象所有的属性，包括不可枚举属性，可以使用 Object.getOwnPropertyNames 方法。这个方法返回的是一个数组，数组里面包含了所有的属性名称，不管它们是否可枚举。
判断对象是否含有某个属性
使用 Object.keys 方法还可以用来检验某个对象是否含有某个属性。我们可以通过判断返回的属性数组中是否包含该属性名来进行判断。
下面是一个示例：
// javascriptcn.com 代码示例
const person = {
name: "张三",
age: 18,
sex: "男"
};
if (Object.keys(person).indexOf("name") !== -1) {
console.log("person 对象包含 name 属性");
} else {
console.log("person 对象不包含 name 属性");
}在上面的代码中，我们检验了 person 对象是否含有 name 属性。如果该属性存在，控制台将输出“person 对象包含 name 属性”，否则输出“person 对象不包含 name 属性”。
总结
Object.keys 是一个很强大的方法，它能够让我们更加灵活、高效地操作对象的属性。在实际开发中，我们可以将其应用到很多场景中，比如从服务器响应中获取需要渲染的属性、判断用户提交的数据是否符合规范等。掌握它的使用，可以让我们在前端开发工作中事半功倍。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6545d7cc7d4982a6ebf7c156