将一维数组转化为二维数组

KunMinX 发布于2019-08-23 10:52 / 920人阅读

摘要：那我们怎么实现一维数组的数据分为很多页，每页数据再循环实现轮播呢我们可以把后台传过来的数据转换为二维数组，二次循环实现见代码结果为

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云服务器二维数组转换一维数组一维数组和二维数组一维数组转二维数组二维数组转一维数组

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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