需求:根據主鍵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數組循環遍歷的方法已經有492次圍觀