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

相关推荐
Mr_sun.1 分钟前
Day09——入退管理-入住-2
android·java·开发语言
MAGICIAN...12 分钟前
【java-软件设计原则】
java·开发语言
Ticnix13 分钟前
ECharts初始化、销毁、resize 适配组件封装(含完整封装代码)
前端·echarts
纯爱掌门人16 分钟前
终焉轮回里,藏着 AI 与人类的答案
前端·人工智能·aigc
twl20 分钟前
OpenClaw 深度技术解析
前端
gpfyyds66621 分钟前
Python代码练习
开发语言·python
崔庆才丨静觅24 分钟前
比官方便宜一半以上!Grok API 申请及使用
前端
星光不问赶路人32 分钟前
vue3使用jsx语法详解
前端·vue.js
天蓝色的鱼鱼35 分钟前
shadcn/ui,给你一个真正可控的UI组件库
前端
盐真卿36 分钟前
python第八部分:高级特性(二)
java·开发语言