JavaScript之filter_動力節(jié)點Java學(xué)院整理
更新時間：2017年06月28日 10:11:16 作者：liaoxuefeng
filter也是一個常用的操作，它用于把Array的某些元素過濾掉，然后返回剩下的元素。下面通過實例代碼給大家簡答介紹下javascript中的filter，需要的的朋友參考下吧
filter也是一個常用的操作，它用于把Array的某些元素過濾掉，然后返回剩下的元素。
和map()類似，Array的filter()也接收一個函數(shù)。和map()不同的是，filter()把傳入的函數(shù)依次作用于每個元素，然后根據(jù)返回值是true還是false決定保留還是丟棄該元素。
例如，在一個Array中，刪掉偶數(shù)，只保留奇數(shù)，可以這么寫：
var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) {
return x % 2 !== 0;
});
r; // [1, 5, 9, 15]
把一個Array中的空字符串刪掉，可以這么寫：
var arr = ['A', '', 'B', null, undefined, 'C', ' '];
var r = arr.filter(function (s) {
return s && s.trim(); // 注意：IE9以下的版本沒有trim()方法
});
r; // ['A', 'B', 'C']
可見用filter()這個高階函數(shù)，關(guān)鍵在于正確實現(xiàn)一個“篩選”函數(shù)。
練習(xí)
請嘗試用filter()篩選出素數(shù)
您可能感興趣的文章:
- Javascript中關(guān)于Array.filter()的妙用詳解
- AngularJS中的過濾器filter用法完全解析
- JavaScript 數(shù)組some()和filter()的用法及區(qū)別
- jquery.fastLiveFilter.js實現(xiàn)輸入自動過濾的方法
- JavaScript中利用Array filter() 方法壓縮稀疏數(shù)組
- 詳解AngularJS中的filter過濾器用法
- Vue.js報錯Failed to resolve filter問題的解決方法
- AngularJS過濾器filter用法總結(jié)
- 詳解AngularJS Filter（過濾器）用法
- JavaScript中filter的用法實例分析
相關(guān)文章
通過BootStrap-select插件 js jQuery控制select屬性變化
bootstrap-select我想大家都不陌生是一個前端下拉框的插件非常好用，在select的標簽中設(shè)置屬性可以做很多功能控制，下面通過本文給大家詳細介紹下2017-01-01
HTML5+Canvas調(diào)用手機拍照功能實現(xiàn)圖片上傳（上）
這篇文章主要為大家詳細介紹了HTML5+Canvas，和jquery技術(shù)，調(diào)用手機拍照功能實現(xiàn)圖片上傳，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了JavaScript閉包相關(guān)知識解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
本文給大家介紹iframe無刷新上傳文件，通過一個隱藏的iframe來處理上傳操作我采用的是ReactJS,amazeui,nodejs1.html target指向iframe的name,就是把上傳后的操作交給iframe來處理2016-03-03
基于Bootstrap下拉框插件bootstrap-select使用方法詳解
這篇文章主要為大家詳細介紹了基于Bootstrap下拉框插件bootstrap-select的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
es6 filter() 數(shù)組過濾方法總結(jié)
這篇文章主要介紹了es6 filter() 數(shù)組過濾方法總結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了JavaScript對象創(chuàng)建模式,結(jié)合實例形式總結(jié)分析了JavaScript常見的對象創(chuàng)建模式,包括工廠模式、構(gòu)造函數(shù)模式、原型模式、動態(tài)原型模式、寄生構(gòu)造函數(shù)模式、穩(wěn)妥構(gòu)造函數(shù)模式等,需要的朋友可以參考下2016-10-10
javascript showModalDialog模態(tài)對話框使用說明
使用javascript打開模態(tài)對話框，想學(xué)習(xí)showModalDialog使用方法的朋友可以參考下。2009-12-12
javascript中createElement的兩種創(chuàng)建方式
這篇文章主要介紹了javascript中createElement的兩種創(chuàng)建方式,具有一定參考借鑒價值,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了原生JavaScript實現(xiàn)瀑布流布局的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12