将一维数组转化为二维数组

1.需求场景

在作banner轮播的时候，一个页面须要放不少选项，每一个选项对应一个icon和一个title,但是这些选项数据(后台传过来)是放在一个一维数组里面的，咱们再在用vue-awesome-swiper 作轮播的时候，须要分不少页，一页里放不少项，例以下图所，咱们这里只显示一页。

那咱们怎么实现一维数组的数据分为不少页，每页数据再循环实现轮播呢？咱们能够把后台传过来的数据转换为二维数组，二次循环实现,见代码

var list = [1,2,3,4,5,6,7,8,9,10];
function pages (list) {
    const  pages = []
    list.forEach((item, index) => {
        const page = Math.floor(index / 8)
        if (!pages[page]) {
          pages[page] = []
        }
        pages[page].push(item)
    });
  return pages
}
var arr = pages(list);
console.log(arr);

结果为：[[1,2,3,4,5,6,7,8],[9,10]]