《小白H5成長之路18》聊一聊循環語句的用法

“還記的我們之前說過的數組么?”

“記得,一個數組可以包含一組數據。要遍歷一個數組可以通過for循環輸出數組中的數據。”

“好,小白,你現在定義一個數組,給數組設定一些初始值,然后遍歷一下,我看看。”

“這里的i是一個計數器,每循環一次i加1,當i小于數組a長度的時候,每輪執行一次控制臺輸出,當i等于a的長度的時候循環就會停止。”

“嗯,理解的不錯!那如果是一個二維數組怎么遍歷?比如這個。”

“這個應該是循環里面嵌套循環吧?我試試”

“我先循環取二維數組的行,然后再把每行看作一個一維數組取值,就可以拿到了。”

“嗯,不錯,循環語句在我們制作頁面交互的時候經常會遇到,不過在真正做頁面功能的時候循環嵌套用到的地方不會太多,因為我們往往會獲取到JSON格式的數據,在JSON數據的某個數據段中可能會包含一個新聞列表的二維數組,格式跟我們剛剛看到的數組差不多,可能包含的字段是id、標題和日期,這時我們要把這個二維數組放到頁面中的一個名為newsUL的ul容器中進行顯示,可以這樣來做。”

“由于我們知道數組里面的結構,所以就不需要進行第二次循環了,直接通過索引取對應位置的值就可以。這個方法很重要,你以后可能會用到。”

“另外之前我們也說過通過$("class或者標簽")可能會取到一個對象列表,這是也是需要通過循環輸出的,你可以試著用for循環輸出看一下。另外jQuery里面有一個each循環語句也很有用,你看看我這個示例,在之前寫入列表的循環后面添加這樣一個each循環。你會發現它可以把所有li的id值輸出來。”

“這里的this代表,每次循環取到的li對象。”


想學H5的朋友可以關注老爐,您的關注是我持續更新《小白H5成長之路》的動力!

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 《ijs》速成開發手冊3.0 官方用戶交流:iApp開發交流(1) 239547050iApp開發交流(2) 10...
    葉染柒丶閱讀 5,321評論 0 7
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法,內部類的語法,繼承相關的語法,異常的語法,線程的語...
    子非魚_t_閱讀 31,765評論 18 399
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,923評論 18 139
  • 又是一個忙碌的周末,將整個房間徹徹底底地打掃了一遍,比起工作日還要累一些。吃過午飯后躺在床上竟然睡著了,還是外面的...
    夏野閱讀 349評論 0 0
  • 羨慕別人,不如認清自己; 寬恕內心,淡然前行。 2017_12_01 星期五 晴 好羨慕你,羨慕你擁有這么...
    輕小淺閱讀 395評論 0 6