2021-12-20 11:28
前言在前端開發過程中，對陣列的資料進行處理也是比較常見的操作之一，而且對陣列進行操作的頻率遠遠大於對 物件進行操作，因此在開發過程中對於陣列裡面的資料進行處理是一項比較重要的技能，尤其是對於剛入行的前端開發者來說尤為重要，所以一定要掌握好相關技能。本篇博文來分享一下關於對陣列裡面的資料進行篩選的操作，那麼就用到了js中filter()方法使用。
filter()方法
1、定義
filter() 方法建立乙個新的陣列，新陣列中的元素是通過檢查指定陣列中符合條件的所有元素。【關注尚矽谷，輕鬆學it】
2、語法
array.filter(function(currentvalue,index,arr), thisvalue);
3、引數說明
具體引數描述，如下圖所示：
返回值返回值 返回陣列，包含了符合條件的所有元素。如果沒有符合條件的元素則返回空陣列。
4、用法
filter() 方法用於把array中的某些元素過濾掉，然後返回剩下的未被過濾掉的元素。
5、注意事項
（1）filter() 不會對空陣列進行檢測；
（2）filter() 不會改變原始陣列。
6、使用例項
根據實際開發過程中的不同需求，把實戰中比較常見的處理方式彙總出來，需求是做不完的，也不可能全部覆蓋到，這裡只分享一些比較常見的操作，方便有需要的開發者查閱使用，具體的例項如下所示。
1.返回陣列array中所有元素都大於等於14的元素
eg:var array = [14, 17, 18, 32, 33, 16, 40];
function checkitem(num) ,,
,,var arrayb = arraya.filter(function(array),,]
6.filter()和find()結合使用，實現從陣列中查詢想要的元素
projectdetail() {
if (this.value) {
return this.sourcedata.filter((item) => {
return [item.projectname, item.projectnewno].find( //通過item.projectname、item.projectnewno來匹配是否是想要查詢的元素
(si) => {
return si.indexof(this.value) != -1; //根據是否輸入來匹配
return this.sourcedata; //最後返回想要的元素的陣列
js中filter的用法
filter也是乙個常用的操作，它用於把array的某些元素過濾掉，然後返回剩下的元素。和map 類似，array的filter 也接收乙個函式。和map 不同的是，filter 把傳入的函式依次作用於每個元素，然後根據返回值是true還是false決定保留還是丟棄該元素。例如，在乙個array中，...
JS中filter過濾陣列
filter 方法建立乙個新的陣列，新陣列中的元素是通過檢查指定陣列中符合條件的所有元素 不會改變原陣列 return後面判斷結果，取布林值，true的話就添入新的filter陣列中，false的話，不會添進filter的陣列中 var arr 1,2,3,var arr2 arr.filter f...
JS中filter過濾陣列
filter 方法建立乙個新的陣列，新陣列中的元素是通過檢查指定陣列中符合條件的所有元素 不會改變原陣列 return後面判斷結果，取布林值，true的話就添入新的filter陣列中，false的話，不會添進filter的陣列中 var arr 1,2,3,var arr2 arr.filter f...