需求：根據主鍵id來找到對應的數(shù)組下標

原本的方法是使用for循環(huán)遍歷該數(shù)組，變量 i 就是下標，問題在于，如果有多重for循環(huán)，就會導致性能大大下降，數(shù)據也容易出錯

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

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

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

該例子數(shù)據結構是[｛｝]，所以有2個for循環(huán) item也是[｛｝]結構

這里的item[j].componentId就是一個數(shù)組，類似[1,2,3]，下標分別為0，1，2i 是外部循環(huán)的變量，在這里相當于該數(shù)組的下標

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

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

到此這篇關于vue使用map代替Aarry數(shù)組循環(huán)遍歷的方法的文章就介紹到這了,更多相關vue map代替Aarry數(shù)組循環(huán)遍歷內容請搜索好吧啦網以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持好吧啦網！