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

要理解此示例,您应了解以下 JavaScript 编程 主题


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

// program to extract value as an array from an array of objects

function extractValue(arr, prop) {

    // extract value from property
    let extractedValue = arr.map(item => item[prop]);

    return extractedValue;

}

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

// passing an array of objects and property 'a' to extract
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 循环提取值

// program to extract value as an array from an array of objects

function extractValue(arr, prop) {

    let extractedValue = [];

    for (let i=0; i < arr.length ; ++i) {

        // extract value from property
        extractedValue.push(arr[i][prop]);
    }
    return extractedValue;
}

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

// passing an array of objects and property 'a' to extract
const result = extractValue(objArray, 'a');
console.log(result);

输出

[1, 4, 8]

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

  • 最初,extractedValue 数组是空的。
  • 使用 for 循环 迭代数组的所有元素。
  • 在每次迭代中,属性 a 的值被推送到 extractedValue 数组。

另请阅读

你觉得这篇文章有帮助吗?

我们的高级学习平台,凭借十多年的经验和数千条反馈创建。

以前所未有的方式学习和提高您的编程技能。

试用 Programiz PRO
  • 交互式课程
  • 证书
  • AI 帮助
  • 2000+ 挑战