將一維數組轉化爲二維數組

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]]