filter用法----前端分页的实现

JS中filter函数的使用方法以及实例

filter方法用来迭代一个数组，并且按给出的条件过滤符合的元素
filter方法传入一个回调函数，这个回调函数会携带一个参数，参数为当前迭代的项（我们叫他val）。
回调函数返回true的项会保留在数组中，返回false的项会被过滤出数组。
使用filter来创建一个新数组，新数组的值是oldArray中值小于6的元素。不许改变原数组oldArray。
代码：

var oldArray = [1,2,3,4,5,6,7,8,9,10];

// 只能在这一行下面写代码

var newArray = oldArray.filter(function(val){return val<6;});

前端实现分页

var delList:['1'];
// 目标页码
var pageIndex = 2
var tableList = [{
  bh:'1',
  name:'小明'
},{
  bh:'2',
  name:'小明'
},{
  bh:'3',
  name:'小明'
}]
// 得到过滤之后的数组
var filterArray = tableList.filter(item => !delList.includes(item.bh));
// 最终分页的数组
var array = filterArray.filter((item,index) => {
  return NumRange(index, pageIndex)
})
// 分页计算方法
NumRange(index, pageIndex) {
  return (index >= (pageIndex - 1) * 10) && (index < pageIndex * 10)
},