Quelles sont les méthodes pour supprimer les doublons des tableaux js ?

Les méthodes pour dédupliquer les tableaux js incluent l'utilisation de Set, l'utilisation d'indexOf, l'utilisation d'includes, l'utilisation de filter et l'utilisation de réduire. 1. Utilisez Set, qui se caractérise par le fait que les éléments de l'ensemble ne seront pas répétés ; 2. Utilisez indexOf pour renvoyer la première position d'index de l'élément spécifié dans le tableau. 3. Utilisez include pour déterminer si un élément est déjà présent ; existe dans le tableau 4. Utilisez filter pour filtrer les éléments; 5. Utilisez réduire pour compresser les éléments d'un tableau, etc.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version JavaScript ES12, ordinateur DELL G3.

En programmation JavaScript, nous rencontrons souvent des situations où nous devons effectuer des opérations de déduplication sur des baies. La déduplication consiste à supprimer les éléments en double d'un tableau et à n'en conserver qu'un seul. Cet article présentera quelques méthodes courantes de déduplication de tableaux JavaScript pour aider les lecteurs à mieux les comprendre et les appliquer.

Méthode 1 : Utiliser Set

L'objet Set introduit dans ES6 est une nouvelle structure de données qui peut nous aider à dédupliquer rapidement les tableaux. La caractéristique de l'objet Set est que les éléments de l'ensemble ne seront pas répétés. Nous pouvons simplement convertir le tableau en un objet Set, puis reconvertir l'objet Set en un tableau pour atteindre l'objectif de déduplication.

Exemple de code :

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5]

Méthode 2 : Utiliser indexOf

L'objet tableau en JavaScript fournit une méthode indexOf, qui peut renvoyer la première position d'index de l'élément spécifié dans le tableau. Nous pouvons utiliser cette méthode pour déterminer si un élément existe déjà dans le nouveau tableau, et s'il n'existe pas, l'ajouter.

Exemple de code :

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (uniqueArr.indexOf(arr[i]) === -1) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

Méthode 3 : Utiliser include

La méthode include introduite dans ES7 est similaire à la méthode indexOf. Elle peut être utilisée pour déterminer si un élément existe déjà dans le tableau. Nous pouvons utiliser cette méthode pour effectuer des opérations de déduplication de tableau.

Exemple de code :

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (!uniqueArr.includes(arr[i])) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

Méthode 4 : Utiliser le filtre

L'objet tableau en JavaScript fournit une méthode de filtre, qui peut être utilisée pour filtrer des éléments. Nous pouvons utiliser cette méthode pour effectuer une déduplication de tableau et conserver uniquement la première occurrence de l'élément.

Exemple de code :

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.filter((item, index) => {
return arr.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

Méthode 5 : Utiliser réduire

L'objet tableau en JavaScript fournit une méthode de réduction, qui peut "compresser" les éléments du tableau en une seule valeur. Nous pouvons utiliser cette méthode pour effectuer des opérations de déduplication de tableau.

Exemple de code :

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.reduce((prev, curr) => {
if (!prev.includes(curr)) {
prev.push(curr);
}
return prev;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

Conclusion :

Cet article présente les méthodes de déduplication de tableau couramment utilisées en JavaScript, y compris l'utilisation des méthodes Set, indexOf, include, filter et reduction. Les lecteurs peuvent choisir la méthode appropriée pour effectuer la déduplication de la baie en fonction de la situation réelle. Dans le développement actuel, la déduplication de matrice est une opération très basique et couramment utilisée. La maîtrise de ces méthodes peut traiter les données de matrice plus efficacement et améliorer les performances et la lisibilité du programme. .

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!