处理数组，将一维转二维-CSDN博客

本文链接：https://blog.csdn.net/weixin_47517731/article/details/135408678

文章介绍了如何将后端返回的不符合项目需求的一维数组转换为二维数组，以便于在界面上以每行显示4个元素的格式展示，通过使用JavaScript的slice方法实现数据切分并存储在新的数组categoryList中。

摘要由CSDN通过智能技术生成

实现金刚区可滑动效果

由于后端返回的数据是

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

// 转为二维数组
			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)
			},