javascript中filter的用法

lookSomeone 發(fā)布于2019-08-26 13:44 / 1874人閱讀

摘要：用于把的某些元素過濾掉，然后返回剩下的元素。和不同的是，把傳入的函數(shù)依次作用于每個元素，然后根據(jù)返回值是還是決定保留還是丟棄該元素。例如，在一個中，刪掉偶數(shù)，只保留奇數(shù)，可以這么寫把一個中的空字符串刪掉，可以這么寫注意以下的版本沒有方法

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"]

GPU云服務(wù)器云服務(wù)器 java中枚舉的用法 python中for的用法 python中input的用法 php中css的用法

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/109421.html

相關(guān)文章

Vue.nextTick，Vue.set，Vue.delete，Vue.filter學(xué)習(xí)

摘要：用法在下次更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)。只要觀察到數(shù)據(jù)變化，將開啟一個隊列，并緩沖在同一事件循環(huán)中發(fā)生的所有的數(shù)據(jù)改變。如果對象是響應(yīng)式的，確保刪除能觸發(fā)更新視圖。 Vue.nextTick([callback,context]) 參數(shù)：{Function}[callback]。{Object}[context]。用法：在下次DOM更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)。在修改數(shù)據(jù)之后立即使用這...

junnplus 2019-08-23 13:54 評論0 收藏0
JavaScript數(shù)據(jù)結(jié)構(gòu)01 - 數(shù)組

摘要：元素是通過指定的分隔符進(jìn)行分隔的。如果數(shù)組已經(jīng)為空，則不改變數(shù)組，并返回值。可添加多個元素返回值把指定的值添加到數(shù)組后的新長度。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo)。返回值對數(shù)組的引用。語法返回值的字符串表示。當(dāng)前元素所屬的數(shù)組對象。一、創(chuàng)建數(shù)組 1.1 使用Array構(gòu)造函數(shù) var arr1 = new Array(); // 創(chuàng)建一個空數(shù)組 var arr2 = new Array...

godlong_X 2019-08-26 12:09 評論0 收藏0
Javascript數(shù)組詳解

摘要：創(chuàng)建數(shù)組判斷比是否是個數(shù)組取數(shù)組元素屬性返回數(shù)組的成員數(shù)量。增加數(shù)組元素方法在數(shù)組的末尾增加一個或多個元素，并返回數(shù)組的新長度。表示要移除的數(shù)組元素的個數(shù)要添加進(jìn)數(shù)組的元素最主要的的用途是向數(shù)組的中部插入元素。數(shù)組的定義數(shù)組是按序號排列的一組值，每個值的位置都有編號（從0開始）。數(shù)組本質(zhì)上是一種特殊的對象。它的鍵名是按（0，1，2...）排列的一組數(shù)字。創(chuàng)建數(shù)組： var a...

geekidentity 2019-08-21 14:05 評論0 收藏0
Javascript 數(shù)組方法全解析（包含es6,es7）

摘要：數(shù)組方法全解析包含數(shù)組自帶屬性返回創(chuàng)建數(shù)組對象的原型函數(shù)返回數(shù)組對象的長度這個是老熟人了，可以增加數(shù)組的原型方法和屬性，這個放在后面的繼承中講數(shù)組的方法首先讓我們看看數(shù)組的對象屬性。 Javascript 數(shù)組方法全解析（包含es6） 1. 數(shù)組自帶屬性 constructor //返回創(chuàng)建數(shù)組對象的原型函數(shù) length //返回數(shù)組對象的長度 prototype //這個是老...

zxhaaa 2019-08-22 14:00 評論0 收藏0
【靈活運用CSS】

假設(shè)我們的pm有這樣一個需求, 一張簡單的透明png圖片，如圖：showImg(https://segmentfault.com/img/bVbsrhc); 現(xiàn)在要求圖片的顏色能根據(jù)手機(jī)殼的顏色來變色...開個玩笑，一般這個時候已經(jīng)打起來了要求是用戶可以根據(jù)用戶點擊的按鈕顏色來設(shè)置圖片的顏色，也就是說我們的這張黑色主色的圖片遠(yuǎn)遠(yuǎn)無法滿足要求,那么該怎么辦呢？找UI吧，多出幾張不就行了，ok 做...

icyfire 2019-08-30 11:03 評論0 收藏0