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)
},