日韩av免费一二三区-2021精品久久久久精品k8-亚洲红杏AV无码专区首页-99精品久久久久久水蜜桃

咨詢電話:
15628812133
21
2023/07

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

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

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

Object.keys

Object.keys

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

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

Object.values

Object.values

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

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

van-picker

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

van-picker

van-picker

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

van-picker

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

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