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

KunMinX 發布于2019-08-23 10:52 / 919人閱讀

摘要：那我們怎么實現一維數組的數據分為很多頁，每頁數據再循環實現輪播呢我們可以把后臺傳過來的數據轉換為二維數組，二次循環實現見代碼結果為

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

云服務器 GPU云服務器二維數組轉換一維數組一維數組和二維數組一維數組轉二維數組二維數組轉一維數組

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96764.html

JS一維數組與二維數組互相轉換的方法

摘要：一維數組轉化為二維數組假設每行顯示個方法返回一個從開始到結束不包括結束選擇的數組的一部分淺拷貝到一個新數組對象。且原始數組不會被修改。結果二維數組轉化為一維數組結果一維數組轉化為二維數組 let baseArray = [1, 2, 3, 4, 5, 6, 7, 8]; let len = baseArray.length; let n = 4; //假設每行顯示4個 ...

yuanxin 2019-08-26 12:13 評論0 收藏0
《C陷阱與缺陷》第三章

摘要：而對于二維數組，因為內存連續性的原因，內存并不會真真的開辟一個二維空間，而是連續依次存入二維數組的每個數據。之所以有二維數組的說法是為了分析問題方便。二維數組的實質是一維數組，只是其元素類型是一維數組類型。 ...

tyheist 2021-09-02 15:15 評論0 收藏0
操作符sizeof與函數strlen哪些事

摘要：因此二維數組的實質是一維數組，但是其元素類型是一維數組對數組地址解引用后得到是數組名數組首元素地址例題經典再現二維數組練習字符數組希望本文對你有所幫助文章目錄 ...

BlackHole1 2021-09-04 16:41 評論0 收藏0
C語言第三期（1萬字函數-數組-操作符詳解）

摘要：形式參數當函數調用完成之后就自動銷毀了。函數調用傳值調用函數的形參和實參分別占有不同內存塊，對形參的修改不會影響實參。函數的聲明一般出現在函數的使用之前。它其實就數組訪問的操作符。 ...

Jeff 2021-11-18 10:02 評論0 收藏0
Numpy 中文用戶指南 2. 快速啟動

摘要：注意和標準庫類并不相同，后者只處理一維數組和提供少量功能。然而，指定參數你可以吧運算應用到數組指定的軸上通用函數提供常見的數學函數如和。在中，這些叫作通用函數。函數，另一方面，將一維數組以行組合成二維數組。原文：Quickstart tutorial 譯者：Reverland 來源：試驗性NumPy教程(譯) 2.1 先決條件在閱讀這個教程之前，你多少需要知道點python。如...

shiina 2019-07-24 18:36 評論0 收藏0