处理数组,将一维转二维

 实现金刚区可滑动效果

处理数组,将一维转二维_第1张图片

处理数组,将一维转二维_第2张图片

由于后端返回的数据是

 不符合项目需求,所以需要将它转为为二位数组

// 转为二维数组
			convertOneDimArray() {
				let arr = ['integral', 'kefu-ermai', 'coupon', 'gift', 'scan', 'pause-circle', 'wifi', 'email', 'integral',
					'kefu-ermai', 'coupon', 'gift', 'scan', 'pause-circle', 'wifi','kefu-ermai', 'coupon', 'gift', 'scan', 'pause-circle', 'wifi',
					'kefu-ermai', 'coupon', 'gift', 'scan', 'pause-circle', 'wifi'
				]
				const len = arr.length //len为数组的长度
				const n = 10 // 假设每行显示4个
				const Num = len % n === 0 ? len / n : Math.floor((len / n) + 1) //得出多少份
				const res = [] //定义数组接受最终的数据
				for (let i = 0; i < Num; i++) {
					// slice() 方法返回一个从开始到结束(不包括结束)的数组。且原始数组不会被修改。
					const newArr = arr.slice(i * n, i * n + n) //得到每份的数据
					res.push(newArr) //往res数组里加数据
				}
				this.categoryList = res
				console.log(this.categoryList)
			},

处理数组,将一维转二维_第3张图片

你可能感兴趣的:(javascript)