JavaScript 从对象中提取特定属性值作为数组的程序
要理解这个示例,你应该了解以下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数组中。