想要學(xué)習(xí)JavaScript數(shù)組Filter方法，首先來看下Array filter()方法的示例。

例子：

<script>
    // JavaScript to illustrate findIndex() method
    function canVote(age) {
        return age >= 18;
    }  
    function func() {
        var filtered = [24, 33, 16, 40].filter(canVote);
        document.write(filtered);
    }
    func();
</script>     

輸出：

[24,33,40]

arr.filter ()方法用于從給定數(shù)組創(chuàng)建一個新數(shù)組，該數(shù)組僅由給定數(shù)組中滿足參數(shù)方法設(shè)置的條件的元素組成。

句法：

array.filter（回調(diào)（元素，索引，arr），thisValue）

參數(shù)：此方法接受上述五個參數(shù)，如下所述：

callback：此參數(shù)保存要為數(shù)組的每個元素調(diào)用的函數(shù)。

element：參數(shù)保存當(dāng)前正在處理的元素的值。

index：該參數(shù)是可選的，它保存從0開始的數(shù)組中currentValue元素的索引。

arr：此參數(shù)是可選的，它保存了調(diào)用 Array.every 的完整數(shù)組。

thisValue：此參數(shù)是可選的，它保存要作為 this 傳遞的上下文，以便在執(zhí)行回調(diào)函數(shù)時使用。如果傳遞了上下文，那么每次調(diào)用回調(diào)函數(shù)時都會這樣使用，否則默認(rèn)使用 undefined。

返回值：此方法返回一個新數(shù)組，該數(shù)組僅由滿足arg_function條件的元素組成。

下面的示例說明了JavaScript 中的arr.filter()方法：

示例 1：在此示例中，方法filter()創(chuàng)建了一個新數(shù)組，該數(shù)組僅由滿足isPositive()函數(shù)檢查的條件的元素組成。

函數(shù)isPositive（值）{
  返回值 > 0；
}
var 過濾 = [112, 52, 0, -1, 944].filter(isPositive);
打印（過濾）；

輸出：

[112,52,944]

示例 2：在此示例中，方法filter()創(chuàng)建了一個新數(shù)組，該數(shù)組僅包含滿足isPositive()函數(shù)檢查的條件的元素。

函數(shù)是偶數(shù)（值）{
  返回值 % 2 == 0;
}
var 過濾 = [11, 98, 31, 23, 944].filter(isEven);
打印（過濾）；

輸出：

[98,944]

上述方法的代碼定義如下：

程序1：

<script>
    // JavaScript to illustrate filter() method
    function isPositive(value) {
        return value > 0;
    }  
    function func() {
        var filtered = [112, 52, 0, -1, 944].filter(isPositive);
        document.write(filtered);
    }
    func();
</script>

輸出：

[112,52,944]

方案二：

<script>
    // JavaScript to illustrate filter() method
    function isEven(value) {
        return value % 2 == 0;
    }  
    function func() {
        var filtered = [11, 98, 31, 23, 944].filter(isEven);
        document.write(filtered);
    }
    func();
</script>

輸出：

[98,944]

支持的瀏覽器：JavaScript Array filter()方法支持的瀏覽器如下：

谷歌瀏覽器

微軟邊緣 9.0

火狐瀏覽器 1.5

蘋果瀏覽器

歌劇

以上就是關(guān)于“JavaScript數(shù)組Filter方法”的介紹，大家如果想了解更多相關(guān)知識，不妨來關(guān)注一下動力節(jié)點的Filter教程，里面的課程內(nèi)容細(xì)致全面，通俗易懂，比較適合沒有基礎(chǔ)的小伙伴學(xué)習(xí)，希望對大家能夠有所幫助。