JS中filter函數(shù)的使用方法以及實例
filter方法用來迭代一個數(shù)組,并且按給出的條件過濾符合的元素
filter方法傳入一個回調(diào)函數(shù),這個回調(diào)函數(shù)會攜帶一個參數(shù),參數(shù)為當(dāng)前迭代的項(我們叫他val)。
回調(diào)函數(shù)返回true的項會保留在數(shù)組中,返回false的項會被過濾出數(shù)組。
使用filter來創(chuàng)建一個新數(shù)組,新數(shù)組的值是oldArray中值小于6的元素。不許改變原數(shù)組oldArray。
代碼:
var oldArray = [1,2,3,4,5,6,7,8,9,10];
// 只能在這一行下面寫代碼
var newArray = oldArray.filter(function(val){return val<6;});
前端實現(xiàn)分頁
var delList:['1'];
// 目標(biāo)頁碼
var pageIndex = 2
var tableList = [{
bh:'1',
name:'小明'
},{
bh:'2',
name:'小明'
},{
bh:'3',
name:'小明'
}]
// 得到過濾之后的數(shù)組
var filterArray = tableList.filter(item => !delList.includes(item.bh));
// 最終分頁的數(shù)組
var array = filterArray.filter((item,index) => {
return NumRange(index, pageIndex)
})
// 分頁計算方法
NumRange(index, pageIndex) {
return (index >= (pageIndex - 1) * 10) && (index < pageIndex * 10)
},