Maison > interface Web > js tutoriel > Résumé de la méthode de filtrage de tableau es6 filter() (avec code)

Résumé de la méthode de filtrage de tableau es6 filter() (avec code)

不言
Libérer: 2019-04-03 10:15:30
avant
4150 Les gens l'ont consulté

Cet article vous présente un résumé de la méthode de filtrage de tableau es6 filter() (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Array.every(x=>x) est satisfait par chacun

Array.some(x=>x) est satisfait par un.

Array.find(findIndex), renvoie la première valeur qui remplit les conditions.

Array.filter (filtrer dans un nouveau tableau)

Les méthodes Array sont divisées en deux catégories

1) Changer le tableau d'origine

push, pop , shift, unshift, sort, reverse, splice

2) Ne modifiez pas le tableau d'origine concat, join-->

split, toStringpush : ajoutez des données à partir du dernier bit du array

pop : coupe le dernier chiffre du tableau

shift : coupe le premier chiffre du tableau

unshift : ajoute le premier chiffre du tableau

reverse : mettre Inverser le tableau d'origine

splice:arr.splice (commencer par le nombre, intercepter la longueur, ajouter de nouvelles données à la coupe)

concat : connecter rejoindre : renvoyer la chaîne

slice : intercepter arr.slice (commencer à partir de ceci, intercepter vers ceci)

es6 filter() Résumé de la méthode de filtrage de tableau
Créez un tableau et déterminez si un certain élément. existe dans le tableau Valeur

var newarr = [
  { num: 1, val: 'ceshi', flag: 'aa' },
  { num: 2, val: 'ceshi2', flag: 'aa2'  }
]
console.log(newarr.filter(item => item.num===2 ))
Copier après la connexion

2 Vous pouvez également utiliser la méthode ci-dessus pour filtrer ceux avec un numéro de 2 et laisser ceux avec un numéro de 1.

var newarr = [
  { num: 1, val: 'ceshi', flag: 'aa' },
  { num: 2, val: 'ceshi2', flag: 'aa2'  }
]
console.log(newarr.filter(item => item.num!=2 ))
Copier après la connexion

3. Supprimez les tableaux vides et les chaînes vides non définies, null

var arr = ['1','2',undefined, '3.jpg',undefined]
var newArr = arr.filter(item => item)
console.log(newArr)
Copier après la connexion
var arr = ['1','2',null, '3.jpg',null]
var newArr = arr.filter(item => item)
console.log(newArr)
Copier après la connexion
//空字符串里面不能包含空格
var arr = ['1','2','', '3.jpg','']
var newArr = arr.filter(item => item)
console.log(newArr)
Copier après la connexion

4 Supprimez les éléments non conformes du tableau

var arr = [20,30,50, 96,50]
var newArr = arr.filter(item => item>40)  
console.log(newArr)
Copier après la connexion

5. éléments non conformes

var arr = ['10','12','23','44','42']
var newArr = arr.filter(item => item.indexOf(&#39;2&#39;)<0) 
console.log(newArr)
Copier après la connexion

6. Déduplication de tableau

var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2];
var arr2 = arr.filter((x, index,self)=>self.indexOf(x)===index)  
console.log(arr2); //[1, 2, 3, 4, 5, 6, 7, 8, 0, 56]
Copier après la connexion

[Recommandations associées : Tutoriel vidéo JavaScript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:segmentfault.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal