Heim > Web-Frontend > js-Tutorial > Einführung in die Array-Filtermethode filter() in es6 (mit Code)

Einführung in die Array-Filtermethode filter() in es6 (mit Code)

不言
Freigeben: 2019-03-20 10:32:29
nach vorne
4738 Leute haben es durchsucht

Der Inhalt dieses Artikels ist eine Einführung in die Array-Filtermethode filter() (mit Code). Ich hoffe, dass er für Freunde hilfreich ist.

1. Erstellen Sie ein Array und bestimmen Sie, ob ein bestimmter Wert im Array vorhanden ist

var newarr = [
  { num: 1, val: 'ceshi', flag: 'aa' },
  { num: 2, val: 'ceshi2', flag: 'aa2'  }
]
console.log(newarr.filter(item => item.num===2 ))
Nach dem Login kopieren

2 Sie können die obige Methode auch verwenden, um diejenigen mit der Nummer 2 herauszufiltern und diejenigen mit der Nummer zu belassen von 1

var newarr = [
  { num: 1, val: 'ceshi', flag: 'aa' },
  { num: 2, val: 'ceshi2', flag: 'aa2'  }
]
console.log(newarr.filter(item => item.num!=2 ))
Nach dem Login kopieren

3. Leere Zeichenfolgen, undefiniert und null aus leeren Arrays entfernen

var arr = ['1','2',undefined, '3.jpg',undefined]
var newArr = arr.filter(item => item)
console.log(newArr)
Nach dem Login kopieren
var arr = ['1','2',null, '3.jpg',null]
var newArr = arr.filter(item => item)
console.log(newArr)
Nach dem Login kopieren

4. Nicht konforme Elemente aus dem Array entfernen

//空字符串里面不能包含空格
var arr = ['1','2','', '3.jpg','']
var newArr = arr.filter(item => item)
console.log(newArr)
Nach dem Login kopieren

5 . Nicht konforme Elemente filtern

var arr = [20,30,50, 96,50]
var newArr = arr.filter(item => item>40)  
console.log(newArr)
Nach dem Login kopieren

6. Array-Deduplizierung

var arr = ['10','12','23','44','42']
var newArr = arr.filter(item => item.indexOf(&#39;2&#39;)<0) 
console.log(newArr)
Nach dem Login kopieren

Für weitere spannende Inhalte können Sie auf achten JavaScript-Tutorial-Video auf der chinesischen PHP-WebsiteSpalte!

Das obige ist der detaillierte Inhalt vonEinführung in die Array-Filtermethode filter() in es6 (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage