JavaScript程序从对象中提取给定属性值作为数组

在JavaScript中，我们经常需要从一个对象中提取特定属性的值，并将它们存储在一个数组中。这在数据分析、数据可视化和其他一些应用中非常有用。在本文中，我们将介绍一些方法来从JavaScript对象中提取给定属性的值。

方法一：使用for-in循环

for-in循环是一种遍历对象属性的方法。我们可以使用它来遍历对象的每个属性，然后提取我们需要的属性值。

const obj = {
  name: 'John',
  age: 30,
  address: '123 Main St',
  email: 'john@example.com'
};

const keys = ['name', 'age']; //要提取的属性名数组
const values = [];

for (const key in obj) {
  if (keys.includes(key)) { //如果key属于我们想要提取的属性名数组
    values.push(obj[key]); //将这个key对应的值推进结果数组
  }
}

console.log(values); // ["John", 30]

方法二：使用Object.entries()和Array.prototype.reduce()

另一种提取特定属性值的方法是使用Object.entries()和Array.prototype.reduce()。Object.entries()方法将对象转换为一个包含其属性的数组，每个属性的值作为键值对的值。我们可以使用Array.prototype.reduce()将这些值提取到一个新数组中。

const obj = {
  name: 'John',
  age: 30,
  address: '123 Main St',
  email: 'john@example.com'
};

const keys = ['name', 'age']; //要提取的属性名数组

const values = Object.entries(obj).reduce((acc, [key, value]) => {
  if (keys.includes(key)) { //如果key属于我们想要提取的属性名数组
    acc.push(value); //将这个key对应的值推进结果数组
  }

  return acc;
}, []);

console.log(values); // ["John", 30]

方法三：使用Object.values()和Array.prototype.filter()

最后一种方法是使用Object.values()和Array.prototype.filter()。Object.values()方法将对象的值转换为数组。然后，我们可以使用Array.prototype.filter()来过滤出我们需要的属性值。

const obj = {
  name: 'John',
  age: 30,
  address: '123 Main St',
  email: 'john@example.com'
};

const keys = ['name', 'age']; //要提取的属性名数组

const values = Object.values(obj).filter((value, index) => {
  const key = Object.keys(obj)[index]; //获取当前值对应的键名
  return keys.includes(key); //如果key属于我们想要提取的属性名数组，就保留这个值
});

console.log(values); // ["John", 30]

以上就是从JavaScript对象中提取给定属性值的三种方法。每种方法都有自己独特的优劣，具体取决于您的应用需求。