-
原始数据
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>
// 利用此原理可制作分页