ホームページ > ウェブフロントエンド > フロントエンドQ&A > フィルターはes6メソッドですか?

フィルターはes6メソッドですか?

青灯夜游
リリース: 2022-04-19 18:03:51
オリジナル
1744 人が閲覧しました

filter は es6 メソッドです。 filter() は es6 の新しい配列メソッドで、配列要素をフィルタリングするために使用されます。このメソッドは配列要素をコールバック関数に渡し、コールバック関数内で要素が指定された条件を満たしているかどうかを判断し、満たしている場合は、構文は「arr.filter(callback function, thisValue)」です。

フィルターはes6メソッドですか?

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

filter() は、es6 で追加された新しい配列メソッドで、配列要素をフィルターし、指定された条件を満たす配列内の要素を返すために使用されます。

フィルターはes6メソッドですか?

filter() メソッドは、配列要素をコールバック関数に渡します。コールバック関数では、要素が指定された条件を満たしているかどうかを判断し、満たしている場合は返します。指定された条件。

#構文:


arr.filter(回调函数,thisValue)
ログイン後にコピー

  • コールバック関数: 配列内の各要素がこの関数を実行して条件を指定し、要素を処理します

  • thisValue: オプション。オブジェクトは実行コールバックとして使用され、関数に渡され、「this」の値として使用されます。 thisValue を省略した場合、「this」の値は「未定義」になります。

コールバック関数の形式:

function callbackfn(Value,index,array)
ログイン後にコピー

最大 3 つのパラメータを受け入れます:


  • value: 現在の配列要素の値は省略できません。

  • index: 現在の配列要素の数値インデックス。

  • array: 現在の要素が属する配列オブジェクト。

戻り値: コールバック関数が true を返すすべての値を含む新しい配列です。コールバック関数が array のすべての要素に対して false を返した場合、新しい配列の長さは 0 になります。

例 1: すべての偶数を返す

var a = [2,3,4,5,6,7,8];
function f (value) {
	if (value % 2 == 0) {
		return true;
	}else{
		 return false;
	}
}
var b = a.filter(f);
console.log(b);
ログイン後にコピー

出力結果:

フィルターはes6メソッドですか?

例 2:すべての閏年を返す

var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020];
function f (value) {
	if(value%4==0 && value%100!=0){
		return true;
	}
	else {
		return false;
	}
}
var b = a.filter(f);
console.log(b);
ログイン後にコピー

出力結果:

フィルターはes6メソッドですか?

[関連する推奨事項:

JavaScript ビデオ チュートリアル,webフロントエンド# ##】###

以上がフィルターはes6メソッドですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
es6
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート