“還記的我們之前說過的數組么?”
“記得,一個數組可以包含一組數據。要遍歷一個數組可以通過for循環輸出數組中的數據。”
“好,小白,你現在定義一個數組,給數組設定一些初始值,然后遍歷一下,我看看。”
“這里的i是一個計數器,每循環一次i加1,當i小于數組a長度的時候,每輪執行一次控制臺輸出,當i等于a的長度的時候循環就會停止。”
“嗯,理解的不錯!那如果是一個二維數組怎么遍歷?比如這個。”
“這個應該是循環里面嵌套循環吧?我試試”
“我先循環取二維數組的行,然后再把每行看作一個一維數組取值,就可以拿到了。”
“嗯,不錯,循環語句在我們制作頁面交互的時候經常會遇到,不過在真正做頁面功能的時候循環嵌套用到的地方不會太多,因為我們往往會獲取到JSON格式的數據,在JSON數據的某個數據段中可能會包含一個新聞列表的二維數組,格式跟我們剛剛看到的數組差不多,可能包含的字段是id、標題和日期,這時我們要把這個二維數組放到頁面中的一個名為newsUL的ul容器中進行顯示,可以這樣來做。”
“由于我們知道數組里面的結構,所以就不需要進行第二次循環了,直接通過索引取對應位置的值就可以。這個方法很重要,你以后可能會用到。”
“另外之前我們也說過通過$("class或者標簽")可能會取到一個對象列表,這是也是需要通過循環輸出的,你可以試著用for循環輸出看一下。另外jQuery里面有一個each循環語句也很有用,你看看我這個示例,在之前寫入列表的循環后面添加這樣一個each循環。你會發現它可以把所有li的id值輸出來。”
“這里的this代表,每次循環取到的li對象。”
想學H5的朋友可以關注老爐,您的關注是我持續更新《小白H5成長之路》的動力!