1: forEach的作用域里面的const 不涉及修改

2: index傳入為0 1 2.... 他這邊8個(gè)處理一次 0-8 都是處理為0
最終格式應(yīng)該為:

[{
  X :...,
   ...
},{},{}]

你這個(gè)const 常量的 作用域范圍在 forEach 的 匿名函數(shù)內(nèi)部，有一個(gè)函數(shù)調(diào)用堆棧的 概念，每次執(zhí)行函數(shù)，函數(shù)入棧，執(zhí)行完畢，出棧，就會(huì)銷毀此函數(shù)上下文。
然后一頁存放 8條數(shù)據(jù)，8條數(shù)據(jù)存為一個(gè)數(shù)組，如果到了臨界點(diǎn)，就聲明一個(gè)空的數(shù)組，用來存放接下來的8條數(shù)據(jù)。

每次循環(huán)遍歷的const page的作用域只是當(dāng)前的箭頭函數(shù)，函數(shù)執(zhí)行完生命周期就結(jié)束了；因此不存在重復(fù)聲明的問題；

整體邏輯很簡(jiǎn)單啊，沒有什么算法；

pages(){
    // 最終分頁結(jié)果
    const pages=[]
    // 遍歷icon列表
    this.iconList.forEach((item,index) => {
        // 每8條為一頁；例：0-7為第一頁
        // page為當(dāng)前頁碼；
        const page =Math.floor(index/8)
        // 判斷pages中當(dāng)前頁的存儲(chǔ)數(shù)組是否已聲明，未聲明則聲明當(dāng)前頁為數(shù)組格式；
        if(!pages[page]){
            pages[page]=[]
        }
        // 將當(dāng)前icon信息放入對(duì)應(yīng)的頁碼數(shù)組中；
        pages[page].push(item)
    })
    // 返回分頁之后的icon集合；
    return pages
}