開發工具與關鍵技術：VS 遍歷
作者:聽民謠的老貓
撰寫時間：2019/5/20 17:15
當我們遇到數組這樣的多元素集合時就會用到遍歷，合理的使用遍歷能給我們帶來很大的方便。這裏我講一種經常使用的數組遍歷，for循環遍歷。
var array = [1,8,6];
for ( var i = 0; i <array.length; i++){
console.log(array[i]);
}
先聲明一個多元素數組array ，然後是for循環，聲明變量i=0，如果i的值小於array數組的長度那麼i就自加1，自加1後依然小於array數組長度繼續執行for循環。直到i的值等於或大於array數組0，那麼i的值會由原來的0變成1，2，3。也就是array[i]會依次變化爲array[1]，array[2]，array[3]，就構造了一個簡單的for循環的數組遍歷。
控制檯輸出就可以知道我們已經獲取到了這些數組的所有元素。
像導航欄這種就會用到for循環遍歷，它要給ul下面所有的li標籤寫點擊事件，你肯定不想一個一個的去獲取這些li標籤，然後再一個一個的去寫點擊事件。
所以你可以用for循環遍歷來獲取到ul下面的所有li標籤.像上面botton[i]一樣在後面加上.onclick就是給botton數組的所有元素加onclick了。方便又省事。
經常會有點擊某個div或者li標籤然後把對應的div屬性設置爲display：block，來達到上面的效果。這個用遍歷來實現更簡單方便。
你只要把對應隱藏的div的id後綴設置成點擊的li標籤在數組中的位置。
比如上面 我要點擊bottons數組中的第2個li標籤那麼它對應隱藏的div的id我就設置成_BK2.同樣如果我要點擊第3個li那麼我就把對應div的id值設置成_BK3，因爲我通過getElementById獲取的id值是字符串拼接成的，所以每一次獲取的id值都不同，也就是通過遍歷把所有的隱藏div都獲取到了。