JavaScript Array 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()方法用於從給定數組創建一個新數組，該數組僅包含給定數組中滿足參數方法設置條件的那些元素。句法：

array.filter(callback(element, index, arr), thisValue)

參數：此方法接受上述和以下所述的五個參數：

• callback:此參數保存要為數組的每個元素調用的函數。
• element:該參數保存當前正在處理的元素的值。
• index:該參數是可選的，它保存從0開始的數組中currentValue元素的索引。
• arr:此參數是可選的，它包含在其上調用Array.every的完整數組。
• thisValue:此參數是可選的，它保存要在執行回調函數時使用的上下文。如果傳遞了上下文，則每次調用該回調函數時都將使用該上下文，否則將使用undefined作為默認值。

返回值：此方法返回一個僅包含滿足arg_function條件的元素的新數組。以下示例說明了JavaScript中的arr.filter()方法：

• Example 1:在此示例中，方法filter()創建僅由滿足isPositive()函數檢查的條件的那些元素組成的新數組。

function isPositive(value) {
  return value > 0;
}

var filtered = [112, 52, 0, -1, 944].filter(isPositive);
print(filtered);

• 輸出：
  

[112,52,944]

• 範例2：在此示例中，方法filter()創建僅由滿足isPositive()函數檢查的條件的那些元素組成的新數組。

function isEven(value) {
  return value % 2 == 0;
}

var filtered = [11, 98, 31, 23, 944].filter(isEven);
print(filtered);

• 輸出：
  

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

程序2:

<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數組filter()方法支持的瀏覽器：

• 穀歌瀏覽器
• Microsoft Edge 9.0
• Mozila Firefox 1.5
• Safari
• Opera