JavaScript 程序从对象中提取给定的属性值作为数组-立地货

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

在本例中，您将学习编写一个 JavaScript 程序，该程序将从对象数组中提取属性值作为数组。

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

JavaScript 数组 push()

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 数组。