js如何数组分为每三个一组或四个一组格式类型数据

六月初六月初 JavaScipt 2024-10-17 20:11:43

数据是网站开发中不可缺少的组成部分，通过对数据的整理及展示完成网站的整体开发和搭建。

那么在前端开发中如何需要根据需求将一组数组数据，按照每三个为一组分隔要如何操作呢？

文中就来介绍如何使用js的for循环和slice()方法实现分隔需求。

完整代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var list = [1,2,3,4,5,6,7,8];
			var a = []
			for (var i = 0; i < list.length; i+=3) {
				a.push({
					data:list.slice(i,i+3)
				})
			}
			console.log(a)
		</script>
	</body>
</html>

打印分隔结果：

[{data:[1,2,3]},{data:[4,5,6]},{data:[7,8]}]

通过如上对for循环和slice()方法的使用，即完成了对数组按照每三个为一组的分隔流程。

六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！