亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

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

KunMinX / 974人閱讀

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

1.需求場(chǎng)景

在做banner輪播的時(shí)候，一個(gè)頁(yè)面需要放很多選項(xiàng)，每個(gè)選項(xiàng)對(duì)應(yīng)一個(gè)icon和一個(gè)title,可是這些選項(xiàng)數(shù)據(jù)(后臺(tái)傳過(guò)來(lái))是放在一個(gè)一維數(shù)組里面的，我們?cè)僭谟胿ue-awesome-swiper 做輪播的時(shí)候，需要分很多頁(yè)，一頁(yè)里放很多項(xiàng)，例如下圖所，我們這里只顯示一頁(yè)。

那我們?cè)趺磳?shí)現(xiàn)一維數(shù)組的數(shù)據(jù)分為很多頁(yè)，每頁(yè)數(shù)據(jù)再循環(huán)實(shí)現(xiàn)輪播呢？我們可以把后臺(tái)傳過(guò)來(lái)的數(shù)據(jù)轉(zhuǎn)換為二維數(shù)組，二次循環(huán)實(shí)現(xiàn),見(jià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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/96764.html

相關(guān)文章

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

    摘要：一維數(shù)組轉(zhuǎn)化為二維數(shù)組假設(shè)每行顯示個(gè)方法返回一個(gè)從開始到結(jié)束不包括結(jié)束選擇的數(shù)組的一部分淺拷貝到一個(gè)新數(shù)組對(duì)象。且原始數(shù)組不會(huì)被修改。結(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個(gè) ...

    yuanxin 評(píng)論0 收藏0

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

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

    tyheist 評(píng)論0 收藏0

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

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

    BlackHole1 評(píng)論0 收藏0

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

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

    Jeff 評(píng)論0 收藏0

  • Numpy 中文用戶指南 2. 快速啟動(dòng)

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

    shiina 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<