Maison > interface Web > js tutoriel > Comment utiliser la fonction de filtre

Comment utiliser la fonction de filtre

不言
Libérer: 2019-02-21 16:08:33
original
8019 Les gens l'ont consulté

La fonction arr.filter() en Comment utiliser la fonction de filtre est utilisée pour créer un nouveau tableau à partir d'un tableau donné qui contient uniquement les éléments du tableau donné qui répondent aux conditions définies par la fonction paramètre. Examinons de plus près comment utiliser filter().

Comment utiliser la fonction de filtre

La syntaxe de base de filter() est la suivante :

var newArray = arr.filter(arg_function[, this_arg])
Copier après la connexion

Le paramètre de la fonction filter() est une autre fonction, qui définit le paramètre à utiliser pour chaque élément du tableau. Les conditions de vérification des éléments. Cette arg_function elle-même a trois paramètres :

array : Il s'agit du tableau sur lequel la fonction .filter() est appelée.

index : Il s'agit de l'index de l'élément actuel traité par la fonction. .

élément : il s'agit de l'élément actuel que la fonction traite.

Un autre paramètre this_arg est utilisé pour indiquer que la fonction utilise cette valeur lors de l'exécution de la fonction paramètre.

Regardons un exemple spécifique ci-dessous

La fonction filter() crée un nouveau tableau qui contient uniquement les éléments qui remplissent les conditions vérifiées par la fonction isPositive().

Exemple 1 :

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>

<script> 
function isPositive(value) { 
  return value > 0; 
} 
  
function func() { 
    var filtered = [112, 52, 0, -1, 944].filter(isPositive); 
    document.write(filtered); 
} 
func(); 
</script> 
</body>
</html>
Copier après la connexion

Le résultat de sortie est : 112,52,944

Exemple 2 :

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
<script> 
function isEven(value) { 
  return value%2 == 0; 
} 
  
function func() { 
    var filtered = [11, 98, 31, 23, 944].filter(isEven); 
    document.write(filtered); 
} 
func(); 
</script> 
</body>
</html>
Copier après la connexion

Le résultat de sortie est : 98 944

Cet article est terminé ici. Pour un contenu plus passionnant, vous pouvez prêter attention à d'autres tutoriels de colonnes connexes sur le site Web php chinois ! ! !

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:php.cn
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