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