js获取数组对象中的全部key和value值
更新时间：2024年01月26日 09:01:09 作者：国服第二切图仔
本文主要介绍了js获取数组对象中的全部key和value值，主要使用JavaScript的 map() 函数和 values() 迭代器来实现取出数组对象的所有key值和value值，感兴趣的可以了解下
前言
本文记录如何使用JavaScript的 map() 函数和 values() 迭代器来实现取出数组对象的所有key值和value值。话不多说上示例。
一、js取出数组对象中的全部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() 函数用于将所有的值转化为一个数组。
二、js取出数组对象中的全部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() 函数用于将所有的键转化为一个数组。
到此这篇关于js取出数组对象中的全部key和value值的文章就介绍到这了,更多相关js取出数组对象中的全部key和value值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
前段时间项目需要用到js树，找了好多都不符合项目需求，后来发现了梅花雪树和js框架，类似C#名称空间的用法让我眼前一亮，遂拿来主义，读了几遍代码后就开工了（我是个急性子呵呵），完成了大部分，最近才找出来测试了下。2010-11-11
这篇文章主要介绍了JavaScript设计模式之外观模式实例,本文用一些代码实例来讲解JavaScript中的外观模式,需要的朋友可以参考下2014-10-10
javascript document.compatMode兼容性
文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。2010-02-02
Javascript中的this,bind和that使用实例
这篇文章主要介绍了Javascript中的this,bind和that使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
Add a Picture to a Microsoft Word Document
Add a Picture to a Microsoft Word Document...2007-06-06
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
这篇文章主要介绍了JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内),需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了微信小程序仿美团城市选择，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-06-06
这篇文章主要为大家详细介绍了JavaScript自定义日历效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
本文主要介绍了在JavaScript中实现复制图片的方法,先介绍了实现复制的前置知识,包括传统的 execCommand 方法及其优缺点和 Clipboard API,然后详细阐述了如何将不同形式的图片转化为blob对象并通过Clipboard API实现复制,还提及了兼容性问题及预览、下载图片的实现思路2025-03-03
这篇文章主要给大家介绍了关于js中事件对象的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-02-02
最新评论