📌  相关文章
📜  JavaScript程序从对象中提取给定属性值作为数组

📅  最后修改于: 2020-09-27 05:02:54             🧑  作者: Mango

在此示例中,您将学习编写一个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;

}

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

// passing an array of objects and property 'a' to extract
let 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;
}

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

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

输出

[1, 4, 8]

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

  • 最初, extractedValue数组为空。
  • for循环用于遍历数组的所有元素。
  • 在每次迭代期间,将属性a的值推送到extractedValue数组。