filter函數怎麼使用-js教程-PHP中文網

首頁

web前端

js教程

filter函數怎麼使用

不言

Feb 21, 2019 pm 04:08 PM

filter

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中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7843

Java教學

1649

CakePHP 教程

1403

Laravel 教程

1300

PHP教程

1240

Related knowledge

解決「[Vue warn]: Failed to resolve filter」錯誤的方法 Aug 19, 2023 pm 03:33 PM

解決「[Vuewarn]:Failedtoresolvefilter」錯誤的方法在使用Vue進行開發的過程中，我們有時會遇到一個錯誤提示：「[Vuewarn]:Failedtoresolvefilter」。這個錯誤提示通常出現在我們在模板中使用了一個未定義的過濾器的情況下。本文將介紹如何解決這個錯誤並給出相應的程式碼範例。當我們在Vue的

怎麼在SpringBoot2中整合Filter May 16, 2023 pm 02:46 PM

先定義一個統一存取URL攔截的Filter。程式碼如下：publicclassUrlFilterimplementsFilter{privateLoggerlog=LoggerFactory.getLogger(UrlFilter.class);@OverridepublicvoiddoFilter(ServletRequestrequest,ServletResponseresponse,FilterChainchain)throwsIOException,

Springboot中filter的原理與註冊方法是什麼 May 11, 2023 pm 08:28 PM

1.filter先看下web伺服器的filter所處的位置。 filter是一個前後連接的鏈，前面處理完成之後傳遞給下一個filter處理。 1.1filter的介面定義publicinterfaceFilter{//初始化方法，整個生命週期只執行一次。 //在init方法成功(失敗如拋異常等)執行完前，無法提供過濾服務。 //參數FilterConfig用於取得初始化參數publicvoidinit(FilterConfigfilterConfig)throwsServletException;//

CSS 模糊屬性詳解：filter 與 backdrop-filter Oct 20, 2023 pm 04:48 PM

CSS模糊屬性詳解：filter和backdrop-filter導語：在設計網頁時，我們常常需要一些特效來增加頁面的視覺吸引力。而模糊效果是其中一種常見的特效之一。 CSS提供了兩種模糊屬性：filter和backdrop-filter，它們分別用於對元素內容以及背景內容進行模糊處理。本文將詳細介紹這兩個屬性，並提供一些具體的程式碼範例。一、filt

Filter在java中如何過濾 Apr 18, 2023 pm 11:04 PM

說明1、如果Lambda參數產生true值，則filter(能夠產生boolean結果的Lambda)將產生元素；2、產生false時，就不再使用此元素。實例建立一個List集合：ListstringCollection=newArrayList();stringCollection.add("ddd2");stringCollection.add("aaa2");stringCollection.add("bbb1");stringC

CSS 視覺屬性解析：box-shadow，text-shadow 和 filter Oct 20, 2023 pm 12:51 PM

CSS視覺屬性解析：box-shadow，text-shadow和filter引言：在網頁設計和開發中，使用CSS可以為元素添加各種視覺效果。本文將重點放在CSS中的box-shadow，text-shadow和filter這三個重要屬性，包括其使用方法和效果展示。下面我們分別詳細解析這三個屬性。一、box-shadow（盒子陰影）box-shado

Java 8中的Optional類別：如何使用filter()方法過濾可能為空的值 Aug 01, 2023 pm 05:27 PM

Java8中的Optional類別：如何使用filter()方法過濾可能為空的值在Java8中，Optional類別是一個非常有用的工具，它允許我們更好地處理可能為空的值，避免了NullPointerException的發生。 Optional類別提供了許多方法來操作潛在的空值，其中一個重要的方法是filter()。 filter()方法的作用是，如果Option

Vue中如何利用filter對資料進行格式化與處理 Oct 15, 2023 pm 03:50 PM

Vue中利用filter對資料進行格式化和處理在Vue中，我們可以透過使用filter來格式化資料和處理資料。 Filter是一種可以在範本中直接呼叫的函數，它可以處理要顯示的資料並傳回處理後的結果。在本文中，我們將介紹如何使用filter來格式化和處理數據，並提供具體的程式碼範例。註冊filter在Vue實例中，我們需要先註冊一個filter，以便在模

See all articles

filter函數怎麼使用

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題