js獲取數(shù)組對(duì)象中的全部key和value值
前言
本文記錄如何使用JavaScript的 map() 函數(shù)和 values() 迭代器來(lái)實(shí)現(xiàn)取出數(shù)組對(duì)象的所有key值和value值。話不多說(shuō)上示例。
一、js取出數(shù)組對(duì)象中的全部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"]結(jié)果：
在這個(gè)例子中，Object.values() 函數(shù)用于獲取對(duì)象的所有值，然后 flatMap() 函數(shù)用于將所有的值轉(zhuǎn)化為一個(gè)數(shù)組。
二、js取出數(shù)組對(duì)象中的全部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"]結(jié)果展示：
在這個(gè)例子中，Object.keys() 函數(shù)用于獲取對(duì)象的所有鍵，然后 flatMap() 函數(shù)用于將所有的鍵轉(zhuǎn)化為一個(gè)數(shù)組。
到此這篇關(guān)于js取出數(shù)組對(duì)象中的全部key和value值的文章就介紹到這了,更多相關(guān)js取出數(shù)組對(duì)象中的全部key和value值內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
經(jīng)常有人問(wèn)，百度地圖JavaScript API能在同一頁(yè)面顯示多個(gè)地圖嗎？當(dāng)然可以啊，為什么不可以呢？地圖之于頁(yè)面無(wú)非就是個(gè)div，我們可以在頁(yè)面顯示多個(gè)div，自然也可以顯示多個(gè)地圖。2013-04-04
js實(shí)現(xiàn)鼠標(biāo)拖動(dòng)圖片并兼容IE/FF火狐/谷歌等主流瀏覽器
js實(shí)現(xiàn)鼠標(biāo)拖動(dòng)圖片做了兼容IE，F(xiàn)F火狐，谷歌等主流瀏覽器，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助2013-06-06
使用InstantClick.js讓頁(yè)面提前加載200ms
本篇文章主要介紹了使用InstantClick.js讓頁(yè)面提前加載200ms，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
javaScript實(shí)現(xiàn)滾動(dòng)條事件詳解
這篇文章主要為大家詳細(xì)介紹了javaScript實(shí)現(xiàn)滾動(dòng)條事件的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
js利用prototype調(diào)用Array的slice方法示例
這篇文章主要介紹了如何利用js的prototype調(diào)用Array的slice方法,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了js中利用tagname和id獲取元素的方法，主要包括三種方法,需要的朋友可以參考下2016-01-01
關(guān)于JS精度丟失產(chǎn)生的原因以及解決方案
在處理一些極端情況下的復(fù)雜數(shù)值計(jì)算時(shí),我們可能會(huì)遇到這樣的情況,就是運(yùn)算結(jié)果丟失精度,下面這篇文章主要給大家介紹了關(guān)于JS精度丟失產(chǎn)生的原因以及解決方案的相關(guān)資料,需要的朋友可以參考下2024-01-01
axios?POST提交數(shù)據(jù)的三種請(qǐng)求方式寫法示例
這篇文章主要介紹了axios?POST提交數(shù)據(jù)的三種請(qǐng)求方式寫法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
JavaScript實(shí)用工具庫(kù)lodash?使用
Lodash是一個(gè)JavaScript的實(shí)用工具庫(kù),提供了很多常用的函數(shù)和工具,可以幫助我們更方便地操作數(shù)據(jù)和處理邏輯,這篇文章主要介紹了lodash?使用,需要的朋友可以參考下2024-04-04
JavaScript如何捕獲async/await中的錯(cuò)誤詳解
在JavaScript中async/await語(yǔ)法簡(jiǎn)化了異步操作,但錯(cuò)誤處理需要特別注意,這篇文章主要給大家介紹了關(guān)于JavaScript如何捕獲async/await中錯(cuò)誤的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-10-10