国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

Javascript中關于Array.filter()的妙用詳解

2024-05-06 16:33:21
字體:
來源:轉載
供稿:網友

前言

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

實例介紹

例如,在一個Array中,刪掉偶數,只保留奇數,可以這么寫:

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(不包含IE9)以下的版本沒有trim()方法});arr; // ['A', 'B', 'C']

可見用 filter 這個高階函數,關鍵在于正確實現一個“篩選”函數。

回調函數

filter 接收的回調函數,其實可以有多個參數。通常我們僅使用第一個參數,表示Array的某個元素。回調函數還可以接收另外兩個參數,表示元素的位置和數組本身:

var arr = ['A', 'B', 'C'];var r = arr.filter(function (element, index, self) { console.log(element); // 依次打印'A', 'B', 'C' console.log(index); // 依次打印0, 1, 2 console.log(self); // self就是變量arr return true;});

利用 filter ,可以巧妙地去除Array的重復元素:

var r, arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];r = arr.filter(function (element, index, self) { return self.indexOf(element) === index;});console.log(r.toString());

去除重復元素依靠的是 indexOf 總是返回第一個元素的位置,后續的重復元素位置與 indexOf 返回的位置不相等,因此被 filter 濾掉了。

總結

以上就是關于Javascript中Array.filter()妙用的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宿州市| 铜山县| 双桥区| 淳安县| 富顺县| 大冶市| 永年县| 马鞍山市| 连云港市| 忻城县| 吐鲁番市| 霍邱县| 广水市| 五大连池市| 祁东县| 洱源县| 六枝特区| 称多县| 随州市| 康乐县| 松阳县| 靖边县| 津市市| 神农架林区| 诸城市| 萨迦县| 类乌齐县| 新疆| 繁峙县| 射洪县| 化州市| 青岛市| 商城县| 鄱阳县| 天水市| 永登县| 讷河市| 临清市| 高陵县| 广河县| 富平县|