项目中有个播放列表选集的需求，如下图：
现在展示的1-42集全部，我们如何实现这个选集的功能呢？
我的思路如下：
1.将这42集按每10集划分，并存入数组；
2.保存开始和结束位置，比如说1~10，开始就是1，结束就是10。
下面是我的实现方法：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
let data = [
‘第1集‘,‘第2集‘,‘第3集‘,‘第4集‘,‘第5集‘,‘第6集‘,‘第7集‘,‘第8集‘,‘第9集‘,‘第10集‘,‘第11集‘,‘第12集‘,‘第13集‘,‘第14集‘
]
let groupCount = 5; //设置你每次想显示多少集
let dataLength = data.length;
let resultArray = [];
let groupArray = [];
for(let i=0;i<dataLength;i+=groupCount){
let start = i+1;
let end = i+groupCount;
//把数据按每5集划分
resultArray.push(data.slice(i,i+groupCount));
if(end>dataLength){
end=dataLength
}
//保存开始和结束位置
groupArray.push([start+‘~‘+end])
}
console.log(resultArray,groupArray)
</script>
</body>
</html>
返回数据如下图：
如您有更好的解决方案，望不吝赐教~感谢阅读~
原文：https://www.cnblogs.com/sese/p/9917063.html