將一維數(shù)組轉化為二維數(shù)組

KunMinX 發(fā)布于2019-08-23 10:52 / 926人閱讀

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

1.需求場景

在做banner輪播的時候，一個頁面需要放很多選項，每個選項對應一個icon和一個title,可是這些選項數(shù)據(jù)(后臺傳過來)是放在一個一維數(shù)組里面的，我們再在用vue-awesome-swiper 做輪播的時候，需要分很多頁，一頁里放很多項，例如下圖所，我們這里只顯示一頁。

那我們怎么實現(xiàn)一維數(shù)組的數(shù)據(jù)分為很多頁，每頁數(shù)據(jù)再循環(huán)實現(xiàn)輪播呢？我們可以把后臺傳過來的數(shù)據(jù)轉換為二維數(shù)組，二次循環(huán)實現(xiàn),見代碼

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云服務器云服務器二維數(shù)組轉換一維數(shù)組一維數(shù)組和二維數(shù)組一維數(shù)組轉二維數(shù)組二維數(shù)組轉一維數(shù)組

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

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

JS一維數(shù)組與二維數(shù)組互相轉換的方法

摘要：一維數(shù)組轉化為二維數(shù)組假設每行顯示個方法返回一個從開始到結束不包括結束選擇的數(shù)組的一部分淺拷貝到一個新數(shù)組對象。且原始數(shù)組不會被修改。結果二維數(shù)組轉化為一維數(shù)組結果一維數(shù)組轉化為二維數(shù)組 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陷阱與缺陷》第三章

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

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

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

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

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

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

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

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