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

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 18:40:48
字體:
來源:轉載
供稿:網友

前言

和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()妙用的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 长顺县| 定结县| 平邑县| 乌兰浩特市| 普兰县| 龙岩市| 衡山县| 渑池县| 科尔| 中阳县| 旬阳县| 鄱阳县| 云梦县| 麟游县| 额济纳旗| 临洮县| 通城县| 吴堡县| 沙雅县| 广昌县| 九龙城区| 乌恰县| 如皋市| 贡山| 浦北县| 聂荣县| 山东| 理塘县| 怀来县| 泰兴市| 岳阳县| 桂平市| 友谊县| 井冈山市| 七台河市| 安泽县| 虞城县| 乐至县| 易门县| 玉树县| 聂拉木县|