js取出数组对象中的全部key值和全部value值

前言

本文记录如何使用JavaScript的 map() 函数和 values() 迭代器来实现取出数组对象的所有key值和value值。话不多说上示例。


一、js取出数组对象中的全部value值代码示例:

代码:
javascript 复制代码
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() 函数用于将所有的值转化为一个数组。


二、js取出数组对象中的全部key值:

代码:
javascript 复制代码
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() 函数用于将所有的键转化为一个数组。

相关推荐
中工钱袋27 分钟前
Vue 中地址栏参数与 HTTP 请求参数的同步问题
前端·vue.js·http
蜡笔小新..28 分钟前
R语言和RStudio安装
开发语言·r语言
ALPH_28 分钟前
R语言的基础命令及实例操作
开发语言·数据分析·r语言·perl·r语言-4.2.1
一只月月鸟呀29 分钟前
Vue 过滤器 filter(s) 的使用
javascript·vue.js·ecmascript
zzlyx9931 分钟前
设备管理系统功能与.NET+VUE(IVIEW)技术实现
前端·vue.js·view design
咩咩觉主32 分钟前
C# &Unity 唐老狮 No.6 模拟面试题
开发语言·unity·面试·c#·游戏引擎·唐老师
秋月华星2 小时前
【flutter】TextField输入框工具栏文本为英文解决(不用安装插件版本
前端·javascript·flutter
*.✧屠苏隐遥(ノ◕ヮ◕)ノ*.✧3 小时前
C语言_数据结构总结8:链式队列
c语言·开发语言·数据结构·链表·visualstudio·visual studio
—Qeyser3 小时前
用Deepseek写一个 HTML 和 JavaScript 实现一个简单的飞机游戏
javascript·游戏·html
千里码aicood3 小时前
[含文档+PPT+源码等]精品基于Python实现的校园小助手小程序的设计与实现
开发语言·前端·python