フィルタの使用方法の概要でJSフィルター

フィルターアレイ素子資格：フィルターの役割を初めて目

基本的な使い方

1 2 3

せARR = [ 1、3、5、8] せarrFilter = arr.filter（ELE => ELE> 4） はconsole.log（arrFilter）// [5,8]

さらなる目的は、例えば、配列修飾オブジェクトを、フィルタリングするために使用することができます。

1 2 3 4 5 6 7 8 9 10 11 12 13

せarrObjは= [{ 名：'AA'、年齢：13 }、{ 名前：'BB'、年齢：23 }、{ 名：'CC'、年齢：18 }、{ 名前：'DD'、年齢：11 }、{ 名前：'EE'、年齢：28 }] せarrObjFilter = arrObj.filter（ELE => ele.age> 18） にconsole.log（arrObjFilter）// [{名： 'BB'、年齢：23} 、{名前： 'EE'、年齢：28}]

高度な使い方

重複排除アレイ（ビット時代遅れ）

1 2 3 4 5

せARR = [ 1、2、3、2、3、4] せarrFilter = arr.filter（ （ELE、インデックス、ARR）=> { 戻りarr.indexOf（ELE）===インデックス}）はconsole.log（ arrFIlter）

現在一般的に使用される方法は、例えば、ES6が完了したセットを使用することです：

1 2 3

ARR = [せて1、2、3、2、3、4] せarrFilter = [...新しいセット（ARR）] にconsole.log（arrFilter）

削除するヌル文字の配列

1 2 3 4 5

【ARR =せて'1'、'2'、'3'、''、ヌル、未定義、''、4 ''] arrFilter = arr.filter（LET （ELE、インデックス、ARR）=> { 戻りELE && ele.trim（）}）にconsole.log（arrFIlter）

高度な使い方

マップは、次のようないくつかの不要なフィールドを、必要なオブジェクトを表示し、削除するために組み合わせて使用​​することができます。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

// 需求: 年龄大于18的姓名 let arrObj = [{ name: 'aa', age: 13 }, { name: 'bb', age: 23 }, { name: 'cc', age: 18 }, { name: 'dd', age: 11 }, { name: 'ee', age: 28 }] let arrObjFilter = arrObj.filter(ele => ele.age > 18).map(ele => { return ele.name }) console.log(arrObjFilter) // ['bb', 'ee']