遍历对象存入数组

在编程中，对象遍历是一个常见的操作，尤其是在处理JavaScript这样的动态语言时。对象遍历不仅可以帮助我们访问对象中的每个属性，还可以将这些属性存入数组中，以便于进一步的处理和分析。本文将介绍几种遍历对象并将其属性存入数组的方法。

1. 使用 for...in 循环

for...in 循环是一种基本的遍历对象属性的方法。它可以用来遍历对象自身的可枚举属性以及原型链上的属性。但是，通常我们只需要遍历对象自身的属性，因此需要使用 hasOwnProperty() 方法来过滤掉原型链上的属性。

let obj = {
    name: "Alice",
    age: 25,
    job: "Engineer"
};

let properties = [];
for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
        properties.push(key);
    }
}
// properties: ["name", "age", "job"]

2. 使用 Object.keys() 方法

Object.keys() 方法返回一个包含对象所有可枚举自身属性的数组，不包括原型链上的属性和Symbol属性。这个方法非常适合用来遍历对象并获取其所有键名。

let obj = {
    name: "Bob",
    age: 30,
    job: "Designer"
};

let keys = Object.keys(obj);
let values = keys.map(key => obj[key]);
// values: ["Bob", 30, "Designer"]

3. 使用 Object.values() 方法

如果你对对象的键名不感兴趣，只想要获取对象的值，那么 Object.values() 方法是一个很好的选择。它会返回一个数组，包含对象的所有可枚举属性的值。

let obj = {
    name: "Charlie",
    age: 28,
    job: "Developer"
};

let values = Object.values(obj);
// values: ["Charlie", 28, "Developer"]

4. 使用 Object.entries() 方法

Object.entries() 方法返回一个数组，数组中的每个元素都是一个键值对的数组，其中包含对象自身的可枚举属性的键和值。

let obj = {
    name: "David",
    age: 35,
    job: "Architect"
};

let entries = Object.entries(obj);
// entries: [["name", "David"], ["age", 35], ["job", "Architect"]]

5. 使用 Object.getOwnPropertyNames() 方法

如果你需要获取对象的所有属性，包括不可枚举的属性，那么 Object.getOwnPropertyNames() 方法是适合的。这个方法返回一个数组，包含对象自身的所有属性名。

let obj = {
    name: "Eve",
    age: 22,
    job: "Artist"
};

let propertyNames = Object.getOwnPropertyNames(obj);
// propertyNames: ["name", "age", "job"]

6. 使用 Reflect.ownKeys() 方法

Reflect.ownKeys() 方法是ES2015中新增的，它返回一个包含对象自身所有属性名和Symbol属性的数组。

let obj = {
    name: "Frank",
    age: 40,
    [Symbol('role')]: "Manager"
};

let allKeys = Reflect.ownKeys(obj);
// allKeys: ["name", "age", Symbol('role')]

结论

对象遍历并将其属性存入数组的方法有很多种，每种方法都有其适用的场景。选择合适的方法取决于你的具体需求，比如是否需要包括原型链上的属性、是否需要包括不可枚举的属性等。通过上述方法，你可以灵活地遍历对象并根据需要将属性存入数组中，以便进行后续的处理和分析。