javascript filter詳解及應用

Jacendfeng 發布于2019-08-23 14:21 / 2964人閱讀

摘要：再來一個應用，巧妙地用結合實現去重利用的過濾功能和返回數組項所在的索引，相同項返回第一個的索引這個特性。您的點贊是我繼續寫下去的動力歡迎吐槽謝謝

filter()

簡單講filter就是一個數組過濾器，參數接收一個函數，數組的每一項經過函數過濾，返回一個符合過濾條件的新數組

函數接收三個參數：

item （當前遍歷的數組項）

i （當前項索引）

arr （調用filter數組本身）

      // 需求找到數組內偶數

        let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

        let newArr = arr.filter((item, i, arr) => {
            //函數本身返回布爾值，只有當返回值為true時，當前項存入新數組。
            return item % 2 == 0
        })
        console.log(newArr)

再來一個應用，巧妙地用filter結合indexof實現去重

let arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 2, 3, 4, 5, 6, 7]

        let newArr = arr1.filter(function(item, i, self) {
            let a = self.indexOf(item)
            console.log(`item----${item},self.indexOf(item)---${a},i----${i}`)
            return self.indexOf(item) === i;
        });

        console.log(newArr) //[1, 2, 3, 4, 5, 6, 7, 8]

**利用filter的過濾功能和indexof返回數組項所在的索引，相同項返回第一個的索引這個特性。

您的點贊是我繼續寫下去的動力！

歡迎吐槽！謝謝！

GPU云服務器云服務器變量及數據詳解 database詳解及實例 javascript詳解 javascript閉包詳解

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100467.html

常用JavaScript小技巧及原理詳解

摘要：使用一元加模擬函數原理對非數值類型的數據使用一元加，會起到與函數相同的效果。中，若判斷不為則不再進行下一步操作。使用邏輯或設置默認值邏輯或也屬于短路操作，即當第一個操作數可以決定結果時，不再對第二個操作數進行求值。善于利用JS中的小知識的利用，可以很簡潔的編寫代碼 1. 使用!!模擬Boolean()函數原理：邏輯非操作一個數據對象時，會先將數據對象轉換為布爾值，然后取反，兩個!!...

chnmagnus 2019-08-20 17:00 評論0 收藏0
深入了解JavaScript 中的For循環之詳解

摘要：將品牌的標價全部加蘇南的專欄交流公眾號不會對空數組進行檢測。方法用于調用數組的每個元素，并將元素傳遞給回調函數。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ? 今天我想分享一個有關于循環篩選的知識點，也許是前端小白的你首先想到的是用for循環做篩選，但我這種小菜鳥想到的就是map(工作中很喜歡...

linkin 2019-08-02 14:03 評論0 收藏0
深入了解JavaScript 中的For循環之詳解

摘要：將品牌的標價全部加蘇南的專欄交流公眾號不會對空數組進行檢測。方法用于調用數組的每個元素，并將元素傳遞給回調函數。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ? 今天我想分享一個有關于循環篩選的知識點，也許是前端小白的你首先想到的是用for循環做篩選，但我這種小菜鳥想到的就是map(工作中很喜歡...

jimhs 2019-08-23 14:36 評論0 收藏0
關于web.xml配置的那些事兒

摘要：的版本增加了對事件監聽程序的支持，事件監聽程序在建立修改和刪除會話或環境時得到通知。元素指出事件監聽程序類。過濾器配置將一個名字與一個實現接口的類相關聯。 1.簡介 web.xml文件是Java web項目中的一個配置文件，主要用于配置歡迎頁、Filter、Listener、Servlet等，但并不是必須的，一個java web項目沒有web.xml文件照樣能跑起來。Tomcat容器/...

zhichangterry 2019-08-15 11:56 評論0 收藏0