vue獲取map集合中的key value值

2021-10-24 04:21:02 字數 1029 閱讀 7674

背景:前端接收後端返回的list集合,並將該集合展示在頁面。

//例如:

let _list = [,,]

方案一,直接在html**中使用v-for、object.key、object.value來渲染頁面

>

v-for

="map in _list"

>

v-for

="(_key,index) in object.key(map)"

:key

="index"

>

>}li

>

ul>

div>

template

>

注:如果是使用axios進行非同步請求,需要注意的是資料還未返回,介面就已經開始渲染,導致此時的_list=,前端介面控制器會出現錯誤提示,原因是object.key(obj)和object.value(obj)中的obj不能為null或undefined

方案二,在js部分對集合進行處理,使用到object.entries列舉方法

let newlist =

;let _length =

null

!= _list ? _list.length :0;

for(

let i =

0; i< _length; i++))

;});

}this

._list = newlist;

前端html**稍微發生變化

>

v-for

="map in _list"

>

>

>}li

>

ul>

div>

template

>

這樣就避免了後端資料未傳送到前端時,前端進行渲染,導致object.key等方法報錯的問題。

java中獲取map的key和value的方法

map.keyset 先獲取map的key,然後根據key獲取對應的value map.entryset 同時查詢map的key和value,只需要查詢一次 兩者的效能比較可以檢視map.keyset 和map.entryset 的比較。1 以下是獲取map的key和value,以及map裡面的元素...

獲取Map中Key和Value的值

在日常編碼中,我們經常會用到map和hashmap來處理資料,今天我遇到了乙個關於獲取map中key的問題,在這給大家分享一下 業務場景 將map放入list中 list listmap new arraylist for item item items 現在想從listmap中,根據map的key...

scala中獲取Map中key和value的方法

val scores map alice 10,bob 3,cindy 8 獲取所有的key val namelist scores.map 1 map 函式返回list println namelist.getclass 遍歷list中的元素 namelist.foreach x string p...