首頁 > web前端 > js教程 > filter函數怎麼使用

filter函數怎麼使用

不言
發布: 2019-02-21 16:08:33
原創
7974 人瀏覽過

filter函數怎麼使用中的arr.filter()函數用於從給定數組建立一個新數組,該數組僅包含給定數組中滿足參數函數設定條件的那些元素。下面我們就來具體來看一下filter()的使用方法。

filter函數怎麼使用

filter()的基本語法如下:

var newArray = arr.filter(arg_function[, this_arg])
登入後複製

filter()函數的參數是另一個函數,它定義要為陣列的每個元素檢查的條件。這個arg_function本身有三個參數:

array:這是呼叫.filter()函數的陣列

index:這是函數處理的目前元素的索引。

element:這是函數正在處理的當前元素。

另一個參數this_arg用於表示函數在執行參數函數時使用此值。

下面我們來看具體的範例

函數filter()建立一個新數組,該數組僅包含滿足isPositive()函數檢查的條件的元素。

範例1:

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>

<script> 
function isPositive(value) { 
  return value > 0; 
} 
  
function func() { 
    var filtered = [112, 52, 0, -1, 944].filter(isPositive); 
    document.write(filtered); 
} 
func(); 
</script> 
</body>
</html>
登入後複製

輸出結果為:112,52,944

範例2:

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
<script> 
function isEven(value) { 
  return value%2 == 0; 
} 
  
function func() { 
    var filtered = [11, 98, 31, 23, 944].filter(isEven); 
    document.write(filtered); 
} 
func(); 
</script> 
</body>
</html>
登入後複製

輸出結果為:98,944

#這篇文章到這裡就已經全部結束了,更多精彩內容大家可以關注php中文網的其他相關欄位教學! ! !

以上是filter函數怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板