JavaScript分页算法原理是什么

Question

上面图片的实现分页算法的代码有点看不明白？
一、const声明的page不是常量吗？forEach每次循环遍历的话，page不是要改变吗？但是为啥没有报错，是不是我理解错了，还是我的知识点盲区？
二、整体的算法有点看不明白，请各位大佬帮忙指点一下，谢谢
代码：
pages(){

const=[]
this.iconList.forEach((item,index) => {
    const page =Math.floor(index/8)
    if(!pages[page]){
    pages[page]=[]
    }
    pages[page].push(item)
})
return pages

}

Answer 1

每次循环遍历的const page的作用域只是当前的箭头函数，函数执行完生命周期就结束了；因此不存在重复声明的问题；

整体逻辑很简单啊，没有什么算法；

pages(){
    // 最终分页结果
    const pages=[]
    // 遍历icon列表
    this.iconList.forEach((item,index) => {
        // 每8条为一页；例：0-7为第一页
        // page为当前页码；
        const page =Math.floor(index/8)
        // 判断pages中当前页的存储数组是否已声明，未声明则声明当前页为数组格式；
        if(!pages[page]){
            pages[page]=[]
        }
        // 将当前icon信息放入对应的页码数组中；
        pages[page].push(item)
    })
    // 返回分页之后的icon集合；
    return pages
}

Answer 2

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

2: index传入为0 1 2.... 他这边8个处理一次 0-8 都是处理为0
最终格式应该为:

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

Answer 3

你这个const 常量的 作用域范围在 forEach 的 匿名函数内部，有一个函数调用堆栈的 概念，每次执行函数，函数入栈，执行完毕，出栈，就会销毁此函数上下文。
然后一页存放 8条数据，8条数据存为一个数组，如果到了临界点，就声明一个空的数组，用来存放接下来的8条数据。