JavaScript 提取数组对象全部 Key 和 Value 的方法

作者：小括号时间：2026-10-31 11:18:21浏览：145

本文介绍如何使用 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 值的介绍已完成。如需了解更多相关内容，建议查阅本站往期文章或继续浏览后续文章，感谢支持。

作者最新文章

JS语法错误会阻止加载吗？区分SyntaxError与资源加载失败

2026-11-05 16:08:46

JavaScript常见SyntaxError语法错误排查与修复方法

2026-11-05 13:58:44

JS中slice、substring和substr截取字符串的区别

2026-11-05 13:43:47

JS 转 TS 手动迁移最佳实践：从配置 tsconfig 到消除 any 类型

2026-11-05 11:53:32

为什么JS数组push后得到的是数字而不是数组？

2026-11-05 09:59:18