フィルター機能の使い方-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

フィルター機能の使い方

不言

Feb 21, 2019 pm 04:08 PM

filter

フィルター機能の使い方の arr.filter() 関数は、指定された配列から、パラメーター関数で設定された条件を満たす指定された配列内の要素のみを含む新しい配列を作成するために使用されます。 filter() の使い方を詳しく見てみましょう。

フィルター機能の使い方

filter() の基本構文は次のとおりです。

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

ログイン後にコピー

filter() 関数のパラメータは、フィルタの各要素を定義する別の関数です。配列の条件を確認してください。この arg_function 自体には 3 つのパラメータがあります。

array: .filter() 関数が呼び出される配列です。

index: 関数によって処理される現在の要素のインデックスです。。

要素: これは、関数が処理している現在の要素です。

別のパラメータ 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 中国語 Web サイトにある他の関連コラムチュートリアルをご覧ください。！！

以上がフィルター機能の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ホットトピック

Java チュートリアル

1677

CakePHP チュートリアル

1431

Laravel チュートリアル

1334

PHP チュートリアル

1280

C# チュートリアル

1257

Related knowledge

「[Vue 警告]: フィルターを解決できませんでした」エラーを解決する方法 Aug 19, 2023 pm 03:33 PM

「[Vuewarn]:Failedtoresolvefilter」エラーを解決する方法 Vue を使用した開発プロセス中に、「[Vuewarn]:Failedtoresolvefilter」というエラーメッセージが表示されることがあります。このエラーメッセージは通常、テンプレートで未定義のフィルターを使用したときに発生します。この記事では、このエラーを解決する方法を説明し、対応するコード例を示します。 Vue を使用しているとき

SpringBoot2にフィルターを統合する方法 May 16, 2023 pm 02:46 PM

まず、統合アクセス URL インターセプト用のフィルターを定義します。コードは次のとおりです: publicclassUrlFilterimplementsFilter{privateLoggerlog=LoggerFactory.getLogger(UrlFilter.class);@OverridepublicvoiddoFilter(ServletRequestrequest,ServletResponseresponse,FilterChainchain)throwsIOException,ServletException{H

Springbootにおけるフィルタの原理と登録方法は何ですか May 11, 2023 pm 08:28 PM

1. フィルターまず、Web サーバーのフィルターの場所を確認します。フィルタは前後につながったチェーンであり、前の処理が完了すると次のフィルタに渡されて処理が行われます。 1.1フィルターインターフェイス定義 publicinterfaceFilter{//初期化メソッド。ライフサイクル全体で 1 回だけ実行されます。 //initメソッドが正常に実行されるまで（例外スローなどの失敗）、フィルタリングサービスは提供できません。 // パラメータ FilterConfig は、初期化パラメータを取得するために使用されます publicvoidinit(FilterConfigfilterConfig)throwsServletException;//

CSS のぼかしプロパティの詳細な説明: filter および backdrop-filter Oct 20, 2023 pm 04:48 PM

CSS ファジープロパティの詳細な説明: filter および background-filter はじめに: Web ページをデザインするとき、ページの視覚的な魅力を高めるためにいくつかの特殊効果が必要になることがよくあります。ブラー効果は一般的な特殊効果の 1 つです。 CSS には、filter と background-filter という 2 つのぼかし属性が用意されており、それぞれ要素のコンテンツと背景のコンテンツをぼかすために使用されます。この記事では、これら 2 つのプロパティについて詳しく説明し、具体的なコード例をいくつか示します。 1.フィルター

CSS 視覚プロパティ分析: ボックスシャドウ、テキストシャドウ、フィルター Oct 20, 2023 pm 12:51 PM

CSS 視覚プロパティの分析: box-shadow、text-shadow、filter はじめに: Web デザインおよび開発では、CSS を使用して要素にさまざまな視覚効果を追加できます。この記事では、CSS の box-shadow、text-shadow、filter の 3 つの重要なプロパティに焦点を当て、その使用法や効果の表示も含めて説明します。以下では、これら 3 つのプロパティを詳細に分析します。 1.box-shadow (ボックスシャドウ) box-shado

Javaでフィルタリングする方法 Apr 18, 2023 pm 11:04 PM

注 1. Lambda パラメータが true 値を生成する場合、フィルター (ブール値の結果を生成できる Lambda) は要素を生成します; 2. false が生成されると、この要素は使用されなくなります。リストコレクションを作成する例: ListstringCollection=newArrayList();stringCollection.add("ddd2");stringCollection.add("aaa2");stringCollection.add("bbb1");stringC

Java 8 のオプションクラス: filter() メソッドを使用して null の可能性のある値をフィルタリングする方法 Aug 01, 2023 pm 05:27 PM

Java8 のオプションクラス: filter() メソッドを使用して null の可能性のある値をフィルタリングする方法 Java8 では、Optional クラスは、null の可能性のある値をより適切に処理し、NullPointerException の発生を回避できる非常に便利なツールです。 Optional クラスには、潜在的な null 値を操作するためのメソッドが多数用意されています。重要なメソッドの 1 つは filter() です。 filter() メソッドの機能は、オプションが

Vue でフィルターを使用してデータをフォーマットおよび処理する方法 Oct 15, 2023 pm 03:50 PM

Vue でフィルターを使用してデータをフォーマットおよび処理する Vue では、フィルターを使用してデータをフォーマットおよび処理できます。 Filter はテンプレート内で直接呼び出すことができる関数で、表示するデータを処理し、処理結果を返すことができます。この記事では、フィルターを使用してデータをフォーマットおよび処理する方法を紹介し、具体的なコード例を示します。フィルターの登録 Vue インスタンスでは、モデルで使用できるように最初にフィルターを登録する必要があります。

See all articles

フィルター機能の使い方

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック