jquery supprime les valeurs en double

Lors du développement de pages Web, il est inévitable que vous rencontriez des situations dans lesquelles les valeurs en double doivent être supprimées. Par exemple, dans un menu déroulant, les options en double doivent être supprimées et il n’en reste qu’une. Pour le moment, vous pouvez utiliser jQuery pour résoudre ce problème.

jQuery est une bibliothèque JavaScript rapide et concise qui simplifie la traversée et la manipulation des documents HTML, la gestion des événements, les effets d'animation, etc. Il existe de nombreuses fonctions et méthodes utiles dans jQuery, notamment des méthodes permettant de supprimer les valeurs en double.

Ci-dessous, nous présenterons deux méthodes couramment utilisées pour supprimer les valeurs en double :

Méthode 1 : Utiliser la méthode filter() du tableau

La méthode filter() est une méthode couramment utilisée pour les objets de tableau jQuery, qui peut être utilisé pour filtrer les éléments du tableau et renvoyer un nouveau tableau filtré.

1. Créez un tableau arr contenant des valeurs en double

var arr = ['a', 'b', 'c', 'a', 'd', 'c'];

2. Utilisez le grep () de jQuery méthode pour supprimer les valeurs en double

var newArr = jQuery.grep(arr, function (item, index) {

return jQuery.inArray(item, arr) === index;

});

3. Imprimer les résultats de sortie

console.log(newArr); 'a', 'b', 'c', 'd']

Méthode 2 : utilisez la méthode Array.from() de JavaScript et l'objet Set

La méthode Array.from() est nouvelle dans ES6, vous pouvez convertir un objet de type tableau ou objet itérable en objet tableau. Dans le même temps, l'objet Set est également nouveau dans ES6, qui est une collection non ordonnée et unique qui peut être utilisée pour supprimer les doublons.

1. Créez un tableau arr contenant des valeurs en double

var arr = ['a', 'b', 'c', 'a', 'd', 'c'];

2. Utilisez Array.from ( ) convertit le tableau en un objet Set, puis convertit l'objet Set en un tableau

var newArr = Array.from(new Set(arr));

3. Imprimez le résultat de sortie

console.log( newArr) ; // ['a', 'b', 'c', 'd']

Résumé

Ce qui précède présente deux méthodes couramment utilisées pour supprimer les valeurs en double​​dans les tableaux, à savoir en utilisant le filtre ( ) du tableau et utilisez la nouvelle méthode Array.from() et l'objet Set dans la norme ES6. Dans le développement réel, vous pouvez choisir une méthode qui vous convient pour résoudre le problème en fonction de la situation spécifique.

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!