Object.keys()方法返回給定對象[key,value]鍵值對中的key值,并以數(shù)組的方式遍歷出來。
返回的結(jié)果如圖所示。
Object.values()方法與之相反,返回的是給定對象[key,value]鍵值對中的value值,如圖:
在實(shí)際開發(fā)中,很多時候我們需要把后臺提供的對象屬性轉(zhuǎn)換為數(shù)組以供前端使用,上面兩種方法便為我們提供了方便。
例如在使用vantUI中的van-picker選擇器的時候,van-picke的數(shù)據(jù)參數(shù)columns只支持?jǐn)?shù)組類型,而后臺提供給我們的數(shù)據(jù)是這樣的:
這時只有把對象轉(zhuǎn)換為數(shù)組才能使用,請求完接口后直接進(jìn)行轉(zhuǎn)換:
這時選擇器便可以成功的渲染出后臺數(shù)據(jù)。
PS:Object.entries()綜合了以上兩個方法,可以返回一個給定對象自身可枚舉屬性的鍵值對數(shù)組。當(dāng)對象中的鍵和值都需要被使用到的時候推薦使用這個方法。
關(guān)鍵詞: