久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

21
2023/07

js中Object.keys()和Object.values()方法的詳解與使用

發(fā)布時間:2023-07-21 18:28:57
發(fā)布者:MaiMai
瀏覽量:
0

Object.keys()方法返回給定對象[key,value]鍵值對中的key值,并以數(shù)組的方式遍歷出來。

Object.keys

Object.keys

返回的結(jié)果如圖所示。

Object.values()方法與之相反,返回的是給定對象[key,value]鍵值對中的value值,如圖:

Object.values

Object.values

在實(shí)際開發(fā)中,很多時候我們需要把后臺提供的對象屬性轉(zhuǎn)換為數(shù)組以供前端使用,上面兩種方法便為我們提供了方便。

例如在使用vantUI中的van-picker選擇器的時候,van-picke的數(shù)據(jù)參數(shù)columns只支持?jǐn)?shù)組類型,而后臺提供給我們的數(shù)據(jù)是這樣的:

van-picker

這時只有把對象轉(zhuǎn)換為數(shù)組才能使用,請求完接口后直接進(jìn)行轉(zhuǎn)換:

van-picker

van-picker

這時選擇器便可以成功的渲染出后臺數(shù)據(jù)。

van-picker

PS:Object.entries()綜合了以上兩個方法,可以返回一個給定對象自身可枚舉屬性的鍵值對數(shù)組。當(dāng)對象中的鍵和值都需要被使用到的時候推薦使用這個方法。

關(guān)鍵詞:
返回列表