前言
開發完的一個專案里面的歷年資料由于之前想法邏輯的問題，導致頁面資料加載速度特別的慢，
由于這個模塊后臺資料也沒有保存，所有只能前端進行操作隱藏，
我當時還是使用的bootstrap table的框架，所以改起來更是麻煩，
優化前頁面加載速度差不多十秒出頭，優化后3秒左右，
優化用到了filter，直接filter()的用法，
一、filter是什么？
filter()方法是創建一個新的陣列，其包含通過所提供函式實作的測驗的所以元素，
二、使用步驟
1.語法
var _filter = arr.filter(v,i,arr);//引數一：元素的值；引數二：索引下標；引數三：被遍歷的陣列2、例子
找出大于5的元素，這只是如何使用，如果你想多個地方使用，可以使用下面的prototypr
function myFilter(context){
return context > 5;
}
var _filter = [11,2,31,4,22,15,9].filter(myFilter);3、Array.prototype.filter()方法
Array.prototype.myFilter = function(fn){
if(!Array.isArray(this)){
throw new typeError("type Error!");
}
var len = this.length,arrList=[];
for(let i=0;i<len;i++){
if(fn(this[i],i,this)){
arrList.push(this[i]);
}
}
return arrList;
}總結
學無止境，遇事不慌，最后你會發現沒有那么難！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/289604.html
標籤：其他
上一篇：ajax的基本使用
下一篇：一名大一前端人的入門路線