获取对象数组中所有属性的数组 - JavaScript

在 JavaScript 中，如果我们有一个对象数组，我们可能需要获取它们所有的属性以进行一些操作。本文将展示如何获取对象数组中所有属性的数组。

代码示例

const arr = [
  { name: 'John', age: 30, gender: 'male' },
  { name: 'Julia', age: 25, gender: 'female' },
  { name: 'Bob', age: 45, gender: 'male' },
];

const properties = arr.reduce((acc, obj) => [...acc, ...Object.keys(obj)], []);

console.log(properties); // ["name", "age", "gender", "name", "age", "gender", "name", "age", "gender"]

解释

以上代码使用 reduce 函数来遍历数组中的每个对象。我们使用 Object.keys() 函数来获取对象的所有属性并将它们合并到一个数组中。最终返回的数组包含了所有对象中的属性。

在这个例子中，我们得到了一个包含了所有属性的数组。如果我们想要去重，我们可以使用 Set 对象来实现：

const uniqueProperties = [...new Set(properties)];

console.log(uniqueProperties); // ["name", "age", "gender"]

总结

获取对象数组中所有属性的数组是一项常见的任务。我们可以使用 reduce 函数来处理它，并将所有属性合并到一个数组中。如果我们想去除重复的属性，我们可以使用 Set 对象来进行处理。