一、Object.keys()的基本介绍
Object.keys()方法用于返回一个对象的所有属性名，返回值为一个数组，该数组包含了对象的所有可枚举属性。
该方法的语法如下：
Object.keys(obj)其中，obj是要返回其属性名的对象。
二、Object.keys()的常见用法
1、对象属性迭代
Object.keys()常用于迭代对象的所有属性名。通过将对象的属性名存储在数组中，您可以在不知道对象键名的情况下对其进行操作。
const obj = {'name':'Jack','age':18,'gender':'male'};
Object.keys(obj).forEach(function(key) {
console.log(key, obj[key]);
});
// Output: name Jack
// age 18
// gender male2、判断对象是否为空
您可以使用Object.keys()来判断对象是否为空：
const obj = {};
if (Object.keys(obj).length === 0) {
console.log('Object is empty');
}
// Output: Object is empty3、过滤对象的属性
您可以使用Object.keys()来过滤对象的某些属性，并返回一个新的具有过滤属性的对象：
const obj = {'name':'Jack','age':18,'gender':'male'};
const filteredObj = Object.keys(obj).filter(key => key !== 'age').reduce((obj, key) => {
obj[key] = obj[key];
return obj;
}, {});
console.log(filteredObj);
// Output: {"name": "Jack", "gender": "male"}三、Object.keys()的注意事项
1、对象原型属性不会被枚举
Object.keys()只返回对象本身的可枚举属性，而不包括其原型属性。
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.gender = 'male';
const person = new Person('Jack', 18);
console.log(Object.keys(person));
// Output: ["name", "age"]2、使用for-in循环获取所有属性
如果您需要获取对象的所有属性，包括它自身的和继承的属性，您可以使用for-in循环：
for (const key in obj) {
console.log(key);
}3、兼容性问题
Object.keys()方法在ES5中被引入，因此在旧版浏览器（如IE8及以下版本）中可能不被支持。
四、总结
Object.keys()方法是对JavaScript中对象操作不可或缺的一部分。该方法可以用于许多用途，如过滤对象属性、迭代对象属性并判断对象是否为空。在使用该方法时，需要注意对象原型属性不会被枚举以及浏览器兼容性问题等注意事项。
下面是一个完整的代码示例：
// 对象属性迭代
const obj = {'name':'Jack','age':18,'gender':'male'};
Object.keys(obj).forEach(function(key) {
console.log(key, obj[key]);
});
// Output: name Jack
// age 18
// gender male
// 判断对象是否为空
const obj = {};
if (Object.keys(obj).length === 0) {
console.log('Object is empty');
}
// Output: Object is empty
// 过滤对象属性
const obj = {'name':'Jack','age':18,'gender':'male'};
const filteredObj = Object.keys(obj).filter(key => key !== 'age').reduce((obj, key) => {
obj[key] = obj[key];
return obj;
}, {});
console.log(filteredObj);
// Output: {"name": "Jack", "gender": "male"}
// 对象原型属性不会被枚举
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.gender = 'male';
const person = new Person('Jack', 18);
console.log(Object.keys(person));
// Output: ["name", "age"]
// for-in循环获取所有属性
for (const key in obj) {
console.log(key);
}
// 兼容性问题
// IE8及以下版本不支持Object.keys()方法原创文章，作者：CLVKK，如若转载，请注明出处：https://www.506064.com/n/332631.html
微信扫一扫 
支付宝扫一扫 