js将一维数组转换为多维数组

  • 原始数据


    image.png
  • 转换后的数据


    image.png
<script type="text/javascript">
    function test() {
        var arr1 = [{
                id: '001',
                imgPath: 'http://img1.qunarzz.com/piao/fusion/1803/95/f3dd6c383aeb3b02.png',
                text: '景点门票'
            },
            {
                id: '002',
                imgPath: 'http://img1.qunarzz.com/piao/fusion/1804/5a/13ceb38dcf262f02.png',
                text: '一日游'
            },
            {
                id: '003',
                imgPath: 'http://img1.qunarzz.com/piao/fusion/1804/ff/fdf170ee89594b02.png',
                text: '必游榜单'
            },
            {
                id: '004',
                imgPath: 'http://img1.qunarzz.com/piao/fusion/1803/76/eb88861d78fb9902.png',
                text: '动植物园'
            }       
        ];
        console.log(arr1);
        var container = [];  //定义一个数组
        arr1.forEach(function(item, index) {  //进行循环
            var num = Math.floor(index / 2);   // 向下取整,加入一个页面想展示3条数据,就将数字为几
            if (!container[num]) {
                container[num] = [];  // 如果不存在,则为null
            }
           
           container[num].push(item)  //将数据添加到数组里
        })
        return container;
    }
    console.log(test())
    </script>
// 利用此原理可制作分页

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容