ES6のフィルターとマップの違いは何ですか

es6 のフィルターとマップの違い: マップ メソッドによって返される新しい配列は、元の配列のマッピングです。新しい配列は、元の配列と長さは同じですが、値が異なります。一方、新しい配列は、元の配列と同じ長さですが、値が異なります。 filter メソッドによって返されるのは、元の配列のフィルター処理されたバージョンです。新しい配列の長さは元の配列とは異なりますが、値は変更されません。

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

es6 のフィルターとマップの違いは何ですか

マップとフィルターのパラメーターはまったく同じです

array.filter(function(currentValue,index,arr), thisValue)

• currentValue: 配列要素;

• index: インデックス

• arr: 元の配列;

• thisValue: 実行コールバックとして使用、関数に渡され、「this」の値として使用されます。

異なる用途:

1。map メソッドによって返される新しい配列は、元の配列のマッピングです。配列. マッピングとは何ですか?これは元の配列と同じ長さであり、値はそれに応じて処理されます。

2. filter メソッドによって返される値は、元の配列をフィルター処理した後の新しい配列であり、長さは元の配列とは異なりますが、値は変わりません。

例は次のとおりです。

フィルター:

構文:

arr.filter(function(val,index,arr){})

次のことから結論付けられます:

filter はすべての偽のデータを削除します。つまり、条件を満たすデータをフィルターで除外します。

マップ:

構文:

arr.map(function(val,index,arr){})

同じコードを使用して実装し、結果を確認します

したがって、マップは一般に計算に適しており、計算結果を返すことができます。

ただし、条件判断が行われた場合は、それが true か false のみを返します。

【関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

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