快捷導(dǎo)航

JavaScript之filter_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

更新時(shí)間：2017年06月28日 10:11:16 作者：liaoxuefeng

filter也是一個(gè)常用的操作，它用于把Array的某些元素過濾掉，然后返回剩下的元素。下面通過實(shí)例代碼給大家簡答介紹下javascript中的filter，需要的的朋友參考下吧

filter也是一個(gè)常用的操作，它用于把Array的某些元素過濾掉，然后返回剩下的元素。

和map()類似，Array的filter()也接收一個(gè)函數(shù)。和map()不同的是，filter()把傳入的函數(shù)依次作用于每個(gè)元素，然后根據(jù)返回值是true還是false決定保留還是丟棄該元素。

例如，在一個(gè)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]

把一個(gè)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()這個(gè)高階函數(shù)，關(guān)鍵在于正確實(shí)現(xiàn)一個(gè)“篩選”函數(shù)。

練習(xí)

請(qǐng)嘗試用filter()篩選出素?cái)?shù)

您可能感興趣的文章:

js
filter

相關(guān)文章

通過BootStrap-select插件 js jQuery控制select屬性變化
bootstrap-select我想大家都不陌生是一個(gè)前端下拉框的插件非常好用，在select的標(biāo)簽中設(shè)置屬性可以做很多功能控制，下面通過本文給大家詳細(xì)介紹下
2017-01-01
HTML5+Canvas調(diào)用手機(jī)拍照功能實(shí)現(xiàn)圖片上傳（上）
這篇文章主要為大家詳細(xì)介紹了HTML5+Canvas，和jquery技術(shù)，調(diào)用手機(jī)拍照功能實(shí)現(xiàn)圖片上傳，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
JavaScript閉包相關(guān)知識(shí)解析
這篇文章主要介紹了JavaScript閉包相關(guān)知識(shí)解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-10-10
通過隱藏iframe實(shí)現(xiàn)無刷新上傳文件操作
本文給大家介紹iframe無刷新上傳文件，通過一個(gè)隱藏的iframe來處理上傳操作我采用的是ReactJS,amazeui,nodejs1.html target指向iframe的name,就是把上傳后的操作交給iframe來處理
2016-03-03
基于Bootstrap下拉框插件bootstrap-select使用方法詳解
這篇文章主要為大家詳細(xì)介紹了基于Bootstrap下拉框插件bootstrap-select的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-08-08
es6 filter() 數(shù)組過濾方法總結(jié)
這篇文章主要介紹了es6 filter() 數(shù)組過濾方法總結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
JavaScript對(duì)象創(chuàng)建模式實(shí)例匯總
這篇文章主要介紹了JavaScript對(duì)象創(chuàng)建模式,結(jié)合實(shí)例形式總結(jié)分析了JavaScript常見的對(duì)象創(chuàng)建模式,包括工廠模式、構(gòu)造函數(shù)模式、原型模式、動(dòng)態(tài)原型模式、寄生構(gòu)造函數(shù)模式、穩(wěn)妥構(gòu)造函數(shù)模式等,需要的朋友可以參考下
2016-10-10
javascript showModalDialog模態(tài)對(duì)話框使用說明
使用javascript打開模態(tài)對(duì)話框，想學(xué)習(xí)showModalDialog使用方法的朋友可以參考下。
2009-12-12
javascript中createElement的兩種創(chuàng)建方式
這篇文章主要介紹了javascript中createElement的兩種創(chuàng)建方式,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-05-05
原生JavaScript實(shí)現(xiàn)瀑布流布局
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)瀑布流布局的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-12-12