Maison >interface Web >js tutoriel >Comment supprimer les doublons de tableau via le programme js (en ignorant la sensibilité à la casse)
Comment supprimer les doublons de tableau via le programme js (en ignorant la sensibilité à la casse)
- 藏色散人original
- 2021-08-11 17:58:211807parcourir
Cet article vous expliquera comment supprimer les doublons dans un tableau via javascript et ignorer la sensibilité à la casse. Alors, avez-vous vos propres idées pour mettre en œuvre ce problème ?
Par exemple, permettez-moi d'abord de vous donner un exemple de tableau : [1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6]. Il y a évidemment des valeurs répétées dans ce tableau. , afin que vous puissiez d'abord l'implémenter vous-même. Supprimez les doublons !
Maintenant, je vais partager avec vous deux méthodes js pour supprimer les éléments en double dans un tableau. Vous pouvez vous y référer :
La première méthode :
Le code est le suivant :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function removeDuplicates(num) {
var x,
len=num.length,
out=[],
obj={};
for (x=0; x<len; x++) {
obj[num[x]]=0;
}
for (x in obj) {
out.push(x);
}
return out;
}
var Mynum = [1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6];
result = removeDuplicates(Mynum);
console.log(Mynum);
console.log(result);
</script>
</body>
</html>Le résultat est tel qu'indiqué. ci-dessous :
Remarque : La méthode push() peut ajouter un ou plusieurs éléments à la fin du tableau et renvoyer la nouvelle longueur ; le nouvel élément sera ajouté à la fin du tableau ; du tableau ; veuillez ajouter des éléments au début du tableau. Utilisez la méthode unshift().
Deuxième méthode :
Le code est le suivant :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//从JavaScript数组中删除重复项
const nums = [1, 2, 2, 3, 1, 2, 4, 5, 4, 2, 6];
console.log([...new Set(nums)])
</script>
</body>
</html>Le résultat est le suivant :
Remarque : La suppression des doublons d'un tableau en JavaScript peut être effectuée de plusieurs manières, par exemple en utilisant Array. prototype.reduce (), Array.prototype.filter() ou même une simple boucle for mais il existe une option plus simple, l'objet Set intégré de JavaScript est décrit comme un ensemble de valeurs, dont chacune ne peut apparaître qu'une seule fois. Les objets Set sont également itérables, ils peuvent donc être facilement convertis en tableaux à l'aide de l'opérateur spread (...).
Ici, nous vous recommandons de lire les articles « Introduction aux objets définis en JavaScript (avec exemples) » et « Introduction aux méthodes courantes de... opérateurs d'expansion en JavaScript ».
Enfin, je voudrais recommander à tout le monde le "Tutoriel de base de Javascript" le plus récent et le plus complet ~ Venez apprendre !
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!