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ù)

您可能感興趣的文章:

js
filter

相關(guān)文章

實現(xiàn)JavaScript中數(shù)據(jù)響應(yīng)的方法總結(jié)
JavaScript 數(shù)據(jù)響應(yīng)是一種重要的前端開發(fā)概念,是指在應(yīng)用程序中的數(shù)據(jù)發(fā)生變化時,能夠自動更新與這些數(shù)據(jù)相關(guān)的用戶界面（UI）部分的能力,本文我們來總結(jié)一下目前可以簡單實現(xiàn) JavaScript 中的數(shù)據(jù)響應(yīng)的方法,需要的朋友可以參考下
2023-09-09
Javascript下的urlencode編碼解碼方法附decodeURIComponent
而本文，就大概說說如何在js中通過系統(tǒng)自帶的函數(shù)去解決這個問題。
2010-04-04
javascript實現(xiàn)文字跑馬燈效果
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)文字跑馬燈效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-06-06
基于JavaScript實現(xiàn)的快速排序算法分析
這篇文章主要介紹了基于JavaScript實現(xiàn)的快速排序算法,分析了快速排序的原理并結(jié)合實例形式給出了javascript快速排序的操作步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2017-04-04
跨域表單提交狀態(tài)的變相判斷代碼
通過表單在iframe內(nèi)向一個跨域的url提交的時候，如何判斷提交成功了呢？這個，基本上，很難，因為瀏覽器安全沙箱的限制，我們沒有辦法通過獲得iframe內(nèi)部不同域頁面的信息。
2009-11-11
詳解javascript實現(xiàn)瀑布流列式布局
這篇文章主要介紹了javascript實現(xiàn)瀑布流的兩種布局方式，一是絕對式布局、二是列式布局，詳細(xì)介紹了這兩種布局方式的原理，本文重點介紹列式布局，感興趣的小伙伴們可以參考一下
2016-01-01
關(guān)于js注冊事件的常用方法
為了兼容各種瀏覽器，今天沒事特意復(fù)習(xí)了一下js原生事件特性，對其封裝一下。
2013-04-04
動態(tài)顯示可輸入的字?jǐn)?shù)提示還可以輸入的字?jǐn)?shù)
這篇文章主要介紹了動態(tài)顯示可輸入的字?jǐn)?shù)提示還可以輸入的字?jǐn)?shù),需要的朋友可以參考下
2014-04-04
微信小程序?qū)崿F(xiàn)動態(tài)設(shè)置placeholder提示文字及按鈕選中/取消狀態(tài)的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動態(tài)設(shè)置placeholder提示文字及按鈕選中/取消狀態(tài)的方法,涉及事件綁定及this.setData動態(tài)設(shè)置屬性數(shù)據(jù)的相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
淺談javascript事件環(huán)微任務(wù)和宏任務(wù)隊列原理
這篇文章主要介紹了javascript事件環(huán) 微任務(wù)和宏任務(wù)隊列原理，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下
2020-09-09