JS遍历对象的几种方法|极客笔记

JS遍历对象的几种方法

在JavaScript中，对象是一种非常重要的数据类型，它可以用来存储键/值对。在实际开发中，我们经常需要遍历对象并操作对象的属性。本文将介绍几种常见的遍历对象的方法，帮助大家更好地理解和应用JavaScript对象。

1. for…in循环

for…in循环是最常见的遍历对象属性的方法之一。它会遍历对象的可枚举属性，包括实例属性和原型链上的属性。

let obj = {
    name: 'Alice',
    age: 25,
    gender: 'female'
};

for (let key in obj) {
    console.log(key + ': ' + obj[key]);
}

运行结果：

name: Alice
age: 25
gender: female

需要注意的是，使用for…in循环遍历对象时，可能会遍历到原型链上的属性，因此一般需要使用hasOwnProperty方法来判断属性是否为对象自身的属性。

2. Object.keys()

Object.keys()方法会返回一个包含对象自身所有可枚举属性的数组。

let obj = {
    name: 'Bob',
    age: 30,
    gender: 'male'
};

let keys = Object.keys(obj);
keys.forEach(key => {
    console.log(key + ': ' + obj[key]);
});

运行结果：

name: Bob
age: 30
gender: male

Object.keys()方法只会返回对象自身的属性，不会包含原型链上的属性。

3. Object.getOwnPropertyNames()

Object.getOwnPropertyNames()方法会返回一个包含所有对象自身属性（包括不可枚举属性）的数组。

let obj = {
    name: 'Charlie',
    age: 35,
    gender: 'male'
};

let props = Object.getOwnPropertyNames(obj);
props.forEach(prop => {
    console.log(prop + ': ' + obj[prop]);
});

运行结果：

name: Charlie
age: 35
gender: male

Object.getOwnPropertyNames()方法会返回所有对象自身的属性，包括不可枚举属性。

4. Object.entries()

Object.entries()方法会返回一个包含对象自身所有可枚举属性的数组，每个属性都是一个由键和值组成的数组。

let obj = {
    name: 'David',
    age: 40,
    gender: 'male'
};

let entries = Object.entries(obj);
entries.forEach(([key, value]) => {
    console.log(key + ': ' + value);
});

运行结果：

name: David
age: 40
gender: male

Object.entries()方法可以方便地遍历对象的键和值。

5. Object.getOwnPropertyDescriptors()

Object.getOwnPropertyDescriptors()方法会返回一个包含对象自身所有属性的描述符的对象。

let obj = {
    name: 'Eve',
    age: 45,
    gender: 'female'
};

let descriptors = Object.getOwnPropertyDescriptors(obj);
Object.keys(descriptors).forEach(key => {
    console.log(key + ': ' + descriptors[key].value);
});

运行结果：