本文介绍如何使用 JavaScript 的 Object.values 和 Object.keys 函数,配合 flatMap 迭代器,从包含多个对象的数组中提取所有的键名和值。通过具体代码示例展示如何将提取结果转换为扁平数组,适用于数据处理和日志分析场景。
前言
本文介绍如何利用 JavaScript 的 map() 函数结合 values() 迭代器,从数组对象中提取所有的键名(key)与值(value)。以下直接通过示例进行说明。
一、提取数组对象中全部 Value 值的代码示例:
代码:
let array = [
{
"01-18": "51.4"
},
{
"01-19": "51.4"
},
{
"01-20": "57.1"
},
{
"01-21": "57.1"
},
{
"01-22": "51.4"
},
{
"01-23": "57.1"
},
{
"01-24": "57.1"
},
{
"01-25": "57.1"
}
];
let values = array.flatMap(item => Object.values(item));
console.log(values);
输出 ["51.4", "51.4", "57.1", "57.1", "51.4", "57.1", "57.1", "57.1"]结果:
在此示例中,Object.values() 函数用于获取对象内的所有值,随后通过 flatMap() 函数将这些值整合为一个数组。

二、提取数组对象中全部 Key 值:
代码:
let array = [
{
"01-18": "51.4"
},
{
"01-19": "51.4"
},
{
"01-20": "57.1"
},
{
"01-21": "57.1"
},
{
"01-22": "51.4"
},
{
"01-23": "57.1"
},
{
"01-24": "57.1"
},
{
"01-25": "57.1"
}
];
let keys = array.flatMap(item => Object.keys(item));
console.log(keys);
输出 ["01-18", "01-19", "01-20", "01-21", "01-22", "01-23", "01-24", "01-25"]结果展示:
在此示例中,Object.keys() 函数用于获取对象的所有键名,接着通过 flatMap() 函数将所有键名转换为数组形式。

至此,关于 JavaScript 提取数组对象全部 Key 和 Value 值的介绍已完成。如需了解更多相关内容,建议查阅本站往期文章或继续浏览后续文章,感谢支持。