使用filter函數(shù)的案例

發(fā)布時間：2020-09-25 11:45:55 來源：億速云閱讀：138 作者：小新欄目：web開發(fā)

使用filter函數(shù)的案例？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

JavaScript中的arr.filter()函數(shù)用于從給定數(shù)組創(chuàng)建一個新數(shù)組，該數(shù)組僅包含給定數(shù)組中滿足參數(shù)函數(shù)設(shè)置條件的那些元素。

filter()的基本語法如下：

var newArray = arr.filter(arg_function[, this_arg])

filter()函數(shù)的參數(shù)是另一個函數(shù)，它定義要為數(shù)組的每個元素檢查的條件。這個arg_function本身有三個參數(shù)：

array：這是調(diào)用.filter()函數(shù)的數(shù)組

index：這是函數(shù)處理的當(dāng)前元素的索引。

element：這是函數(shù)正在處理的當(dāng)前元素。

另一個參數(shù)this_arg用于表示函數(shù)在執(zhí)行參數(shù)函數(shù)時使用此值。

下面我們來看具體的示例

函數(shù)filter()創(chuàng)建一個新數(shù)組，該數(shù)組僅包含滿足isPositive()函數(shù)檢查的條件的元素。

例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>

輸出結(jié)果為：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>

輸出結(jié)果為：98,944

感謝各位的閱讀！看完上述內(nèi)容，你們對使用filter函數(shù)的案例大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

使用filter函數(shù)的案例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽