logo

JavaScript 配列の filter() メソッド

filter() メソッド 関数によって提供されるテストに合格する要素で満たされた新しい配列を作成します。これは、指定された基準に基づいて配列からデータを選択的に抽出するための強力なツールです。特に、空の要素が無視されるため、データ フィルタリング操作の効率と信頼性が向上します。

jsonファイル

構文:



array.filter(callback(element, index, arr), thisValue)>

パラメーター:

このメソッドは、上で説明し、以下で説明するように、5 つのパラメーターを受け入れます。

パラメータ説明
折り返し電話この関数は配列の要素ごとに呼び出されます。
要素現在処理中の要素の値。
索引(オプション) 配列内の現在の要素の 0 から始まるインデックス。
到着しました(オプション) 配置されている完全なアレイArray.every>と呼ばれます。
この値(オプション) として渡されるコンテキストthis>コールバック関数の実行中に使用されます。提供されない場合は、undefined>はデフォルトのコンテキストとして使用されます。

戻り値:



文字列の整数

テストに合格した要素の配列を返し、テストに合格した要素がない場合は空の配列を返します。

例 1: この例では、メソッド filter() は、canVote() 関数によってチェックされた条件を満たす要素のみで構成される新しい配列を作成します。

JavaScript
// JavaScript to illustrate findIndex() method function canVote(age) {  return age>= 18; function func() { let filtered = [24, 33, 16, 40].filter(canVote);  console.log(フィルター済み);関数();>>

出力:



[24,33,40]>

例 2: この例では、メソッドは フィルター() によってチェックされた条件を満たす要素のみで構成される新しい配列を作成します。 isPositive() 関数。

JavaScript
function isPositive(value) {  return value>0; let filtered = [112, 52, 0, -1, 944].filter(isPositive); console.log(フィルター済み);>>

出力:

正規表現Java
[112,52,944]>

例 3: この例では、メソッドは フィルター() によってチェックされた条件を満たす要素のみで構成される新しい配列を作成します。 isEven() 関数。

JavaScript
function isEven(value) {  return value % 2 == 0; } let filtered = [11, 98, 31, 23, 944].filter(isEven); console.log(filtered);>

出力:

[98,944]>

Javascript 配列メソッドの完全なリストがあります。これらを確認するには、これを参照してください。 Javascript 配列の完全なリファレンス 記事。

サポートされているブラウザ:

JavaScriptがサポートするブラウザ 配列フィルター() 方法は以下にリストされています。

インドの女優ラニ・ムケルジ
  • グーグルクローム
  • Firefox
  • オペラ
  • サファリ

Javascript の重要なトピックをすべて網羅した Javascript のチートシートを用意していますので、確認してください。 JavaScript チートシート - JavaScript の基本ガイド