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

要理解这个示例，你应该了解以下JavaScript编程主题的知识：

• JavaScript数组push()方法
• JavaScript数组map()方法
• JavaScript对象

示例1：使用map()提取值

// 程序：从对象数组中提取值作为数组

function extractValue(arr, prop) {
  // 从属性中提取值
  let extractedValue = arr.map((item) => item[prop]);

  return extractedValue;
}

const objArray = [
  { a: 1, b: 2 },
  { a: 4, b: 5 },
  { a: 8, b: 9 },
];

// 传递一个对象数组和属性'a'以提取
const result = extractValue(objArray, "a");
console.log(result);

输出

[1, 4, 8]

在上述程序中，从数组的每个对象中提取了键为a的属性值。

使用map()方法遍历数组的所有元素，并提取键为a的属性值。

注意：您也可以使用常规函数替代箭头函数。

let extractedValue = arr.map(function (item) {
  return item[prop];
});

示例2：使用for循环提取值

// 程序：从对象数组中提取值作为数组

function extractValue(arr, prop) {
  let extractedValue = [];

  for (let i = 0; i < arr.length; ++i) {
    // 从属性中提取值
    extractedValue.push(arr[i][prop]);
  }
  return extractedValue;
}

const objArray = [
  { a: 1, b: 2 },
  { a: 4, b: 5 },
  { a: 8, b: 9 },
];

// 传递一个对象数组和属性'a'以提取
const result = extractValue(objArray, "a");
console.log(result);

输出

[1, 4, 8]

在上述程序中，从数组的每个对象中提取了键为a的属性值。

• 初始时，extractedValue数组为空。
• 使用for循环遍历数组的所有元素。
• 在每次迭代中，将属性a的值推送到extractedValue数组中。