成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

KunMinX / 973人閱讀

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

1.需求場景

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

那我們怎么實(shí)現(xiàn)一維數(shù)組的數(shù)據(jù)分為很多頁，每頁數(shù)據(jù)再循環(huán)實(shí)現(xiàn)輪播呢？我們可以把后臺傳過來的數(shù)據(jù)轉(zhuǎn)換為二維數(shù)組，二次循環(huán)實(shí)現(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);

結(jié)果為：[[1,2,3,4,5,6,7,8],[9,10]]

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/96764.html

相關(guān)文章

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

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

    yuanxin 評論0 收藏0

  • 《C陷阱與缺陷》第三章

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

    tyheist 評論0 收藏0

  • 操作符sizeof與函數(shù)strlen哪些事

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

    BlackHole1 評論0 收藏0

  • C語言第三期（1萬字函數(shù)-數(shù)組-操作符詳解）

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

    Jeff 評論0 收藏0

  • Numpy 中文用戶指南 2. 快速啟動

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

    shiina 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<