js数组分割（场景-分页数据）

今天做了个前端处理分页，后端未做参数查询接口和列表页请求的接口，所以这里是前端来做数据处理的。这里分享下处理分页的逻辑；

先上关键点：

let result = [];

let data=vm.paginationTable;

let queryList=vm.queryList;

for(var i=0,len=data.length;i<len;i+=queryList.pageSize){

result.push(data.slice(i,i+queryList.pageSize));

}

vm.resultTable=result;

vm.tableData=vm.resultTable[0];

主要实现分割的代码点是for循环的那部分，其他地方只是根据自组件代码条件来处理数据的（自行取舍过滤即可），queryList是分页的判断条件，pageSize属性是number，即每页的条数；

js数组分割（场景-分页数据）相关推荐

微信小程序js数组中插入“新数据对象”，数据对象中插入“新属性”
动态添加数据对象或数据对象中的属性动态添加数据对象此处展示的是自己之前写的一个分页功能中,动态添加数据对象到已有的数组中. var tmpArr = that.data.tickets; tmpA ...
js数组往队头添加数据、js数组从队头移出数据
1.js数组往队尾添加数据可以用数组API Array.prototype.push 可以往数组尾部添加元素 2.js数组往队尾添加数据可以用数组API Array.prototype.pop 可以把 ...
Case Study: 利用JS实现数据库网页的数据分页、数据选择、数据详细信息查看功能
一.目标该笔记的目的是引导读者借助WampServer平台和MySQL数据库,利用HTML/CSS/JS/PHP设计一个能够进行实现数据分页显示.数据选择.数据详细信息查看功能的数据库网页.该数据库 ...
vusjs 配合php_对照着jquery来学vue.js系列之配合thinkphp下拉获取分页数据
上篇文章介绍了vue.js如何ajax获取数据: 接着不可避免就遇到的是: 如何进行数据分页呢? 这里以thinkphp为示例讲解:其他场景性质一样: 示例项目:https://github.com/ ...
html5数组删除相同数据,js数组相减简单示例【删除a数组所有与b数组相同元素】...
js数组相减简单示例[删除a数组所有与b数组相同元素] 本文实例讲述了js数组相减.分享给大家供大家参考,具体如下: js数组相减 function arrChange( a, b ){ for (v ...
js 给json添加新的字段，或者添加一组数据，在JS数组指定位置删除、插入、替换元素...
JS定义了一个json数据var test={name:"name",age:"12"};需要给test再添加一个字段,需要什么办法,可以让test的值为{na ...
分答项目_知识点：$_GPC[]获取客户端传递的js数组数据
1.gpc全局变量封装get post cookie中的数据: 2.同时微擎对get post cookie中的数据也进行的处理 (1)比如客户端传递的js数组,在后台获取到变量后直接遍历即可: fo ...
html js 数组添加,js数组添加数据
我们在学习python的过程中,会对列表.字符串添加数据.在Javascript中,我们也会对数组添加数据.在不同的位置添加数据有着不同的方法.本文介绍js数组添加数据的三种方法:1.结尾添加push ...
js数组删除指定数据方法
js数组删除指定数据方法第一种:如果数据是一个一个添加进入数组中的可以用pop来进行删除最后一个(可以用在upload上传判断是否符合等) let arrList = []; let arr = ...

js数组分割（场景-分页数据）

js数组分割（场景-分页数据）相关推荐

最新文章

热门文章