フィルター機能の使い方-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 までご連絡ください。

解决“[Vue warn]: Failed to resolve filter”错误的方法Aug 19, 2023 pm 03:33 PM

解决“[Vuewarn]:Failedtoresolvefilter”错误的方法在使用Vue进行开发的过程中，我们有时候会遇到一个错误提示：“[Vuewarn]:Failedtoresolvefilter”。这个错误提示通常出现在我们在模板中使用了一个未定义的过滤器的情况下。本文将介绍如何解决这个错误并给出相应的代码示例。当我们在Vue的

Springboot中filter的原理与注册方法是什么May 11, 2023 pm 08:28 PM

1、filter先看下web服务器的filter所处的位置。filter是一个前后连接的链，前面处理完成之后传递给下一个filter处理。1.1filter的接口定义publicinterfaceFilter{//初始化方法，整个生命周期中只执行一次。//在init方法成功(失败如抛异常等)执行完前，不能提供过滤服务。//参数FilterConfig用于获取初始化参数publicvoidinit(FilterConfigfilterConfig)throwsServletException;//

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 和 filterOct 20, 2023 pm 12:51 PM

CSS视觉属性解析：box-shadow，text-shadow和filter引言：在网页设计和开发中，使用CSS可以为元素添加各种视觉效果。本文将重点介绍CSS中的box-shadow，text-shadow和filter这三个重要属性，包括其使用方法和效果展示。下面我们分别详细解析这三个属性。一、box-shadow（盒子阴影）box-shado

怎么在SpringBoot2中整合FilterMay 16, 2023 pm 02:46 PM

首先定义一个统一访问URL拦截的Filter。代码如下：publicclassUrlFilterimplementsFilter{privateLoggerlog=LoggerFactory.getLogger(UrlFilter.class);@OverridepublicvoiddoFilter(ServletRequestrequest,ServletResponseresponse,FilterChainchain)throwsIOException,ServletException{H

CSS 模糊属性详解：filter 和 backdrop-filterOct 20, 2023 pm 04:48 PM

CSS模糊属性详解：filter和backdrop-filter导语：在设计网页时，我们常常需要一些特效来增加页面的视觉吸引力。而模糊效果是其中一种常见的特效之一。CSS提供了两种模糊属性：filter和backdrop-filter，它们分别用于对元素内容以及背景内容进行模糊处理。本文将详细介绍这两个属性，并提供一些具体的代码示例。一、filt

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