js实现选集功能
项目中有个播放列表选集的需求,如下图:
现在展示的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>
返回数据如下图:
如您有更好的解决方案,望不吝赐教~感谢阅读~