filter用法----前端分頁的實現(xiàn)

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)
},
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容