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


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


在實際開發中,很多時候我們需要把后臺提供的對象屬性轉換為數組以供前端使用,上面兩種方法便為我們提供了方便。
例如在使用vantUI中的van-picker選擇器的時候,van-picke的數據參數columns只支持數組類型,而后臺提供給我們的數據是這樣的:

這時只有把對象轉換為數組才能使用,請求完接口后直接進行轉換:


這時選擇器便可以成功的渲染出后臺數據。

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



