歡迎您光臨本站 註冊首頁

vue使用map代替Aarry數組循環遍歷的方法

←手機掃碼閱讀     月球人 @ 2020-05-01 , reply:0

需求:根據主鍵id來找到對應的數組下標

原本的方法是使用for循環遍歷該數組,變量 i 就是下標,問題在於,如果有多重for循環,就會導致性能大大下降,數據也容易出錯

因此使用map,讓數組(原本是list)變成一個map集合(key-value形式),把主鍵id當做key,下標當做value,一一對應,需要的時候直接使用map.get(key)就可以獲取到對應的value

1.在data{}中先定義一個map全局變量



2.在數據回顯或有全部數據的地方把數組list變成map







該例子數據結構是[{}],所以有2個for循環 item也是[{}]結構

這裡的item[j].componentId就是一個數組,類似[1,2,3],下標分別為0,1,2

i 是外部循環的變量,在這裡相當於該數組的下標

3.在需要獲取下標地方直接使用map.get(key)



所以key就是item[j].componentId,就可以獲取到該id所對應的數組下標了


[月球人 ] vue使用map代替Aarry數組循環遍歷的方法已經有320次圍觀

http://coctec.com/docs/vue-js/show-post-232396.html