js遍歷顯示章節

2021-08-28 03:16:14 字數 568 閱讀 5858

當有類似於章節梯級這樣的顯示需求時,前端如何遍歷章節資料呢?可能表結構不同,方式也不同,這裡介紹一下章節在一張表中的遍歷方式。

先看錶結構:

前台傳送請求(注意:章節查詢必須排好序,確保得到的資料公升序排列,即sql語句加order by),得到資料(包括了遍歷章節的**):

得到的資料:

js遍歷章節思路:1,建立乙個陣列,遍歷所有的章節,取出所有的章,存放在陣列中;1,遍歷存放章的陣列,並且在本次迴圈中再次遍歷所有章節,取出章下面的所有的節。(詳細寫法:見上面**)

顯示效果如下:

js 陣列遍歷 物件遍歷

一 陣列遍歷 1,普通for迴圈,經常用的陣列遍歷 var arr 1,2,0,3,9 for var i 0 i 2,優化版for迴圈 使用變數,將長度快取起來,避免重複獲取長度,陣列很大時優化效果明顯 for var j 0,len arr.length j len j 3,foreach,es...

js迴圈遍歷

方式一 var arr 1,2,3,4,5 for let i 0 i方式一利用for迴圈來遍歷陣列的缺點就是 不夠簡潔。下面介紹乙個寫法更加簡潔的方式。方式二var arr 1,2,3,4,5 arr.foreach function value,index 利用foreach迴圈 量少了很多,寫...

js陣列遍歷

一 for迴圈類 基礎for迴圈 for let arr for let i 0,len arr.length i len i for in迴圈 for in param key 索引 下標 for var key in arr for in迴圈 for of param item 物件 for l...