• Assurez la sécurité des applications de la bonne manière! Détectez, protégez, surveillez, accélérez et plus encore…
  • Les ensembles sont un nouveau module complémentaire à JavaScript dans ES6. Apprenons à ce sujet.

    Quels sont les décors?

    Comment les utiliser en JavaScript?

    Et quelles méthodes fournit-il pour résoudre les problèmes?

    Découvrons les réponses à toutes les requêtes de ce didacticiel.

    Ensembles

    Comme son nom l'indique, un ensemble est une collection d'éléments uniques. Il ne stocke pas les valeurs répétées.

    Les ensembles en JavaScript stockeront les éléments dans l'ordre d'insertion. Donc, ils sont commandés en JavaScript. Et il stockera des types de données ou des objets primitifs.

    Voyons la syntaxe des ensembles en JavaScript.

    J'espère que tu as IDE pour pratiquer ce qui suit.

    const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
    console.log(names);
    
    const randomWord = new Set("Hiiiiiii");
    console.log(randomWord);
    
    const numbers = new Set([5, 5, 5, 2, 1, 1, 2, 3]);
    console.log(numbers);
    

    Propriétés et méthodes

    Les ensembles ont différentes propriétés et méthodes qui nous aident à travailler avec eux pour résoudre différents problèmes. Les propriétés et les méthodes sont aussi simples que de les créer. Vous pouvez facilement obtenir la fonctionnalité des méthodes avec leurs noms eux-mêmes. Voyons-les un par un.

    taille

    La propriété size renvoie le nombre d'éléments présents dans l'ensemble.

    const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
    console.log(`Size: ${names.size}`);
    

    ajouter

    Procédé add est utilisé pour ajouter un nouvel élément à l'ensemble. Si le nouvel élément est déjà présent dans l'ensemble, il ne l'ajoutera pas.

    // empty set
    const names = new Set();
    
    names.add("John");
    names.add("Harry");
    names.add("Wick");
    names.add("Jack");
    names.add("Harry");
    
    console.log(names);
    

    des

    Procédé has prend un argument et retourne true si l'élément est présent dans l'ensemble sinon il retourne false.

    const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
    
    console.log(names.has("Harry"));
    console.log(names.has("Alley"));
    

    effacer

    Comme vous vous attendez à la méthode delete prend un argument et le supprime de l'ensemble. Il ne renvoie aucune erreur même si l'argument donné n'est pas présent dans l'ensemble.

    const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
    
    names.delete("John");
    
    console.log(names);
    

    entrées

    Procédé entries renvoie un itérateur contenant des tableaux de paires clé-valeur dans l'ordre d'insertion. Ici, la clé et la valeur sont les mêmes.

    const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
    
    const entries = names.entries();
    
    console.log(entries.next().value);
    console.log(entries.next().value);
    console.log(entries.next().value);
    console.log(entries.next().value);
    console.log(entries.next().value);
    

    clés

    Procédé keys renvoie un itérateur d'éléments d'ensemble dans l'ordre d'insertion.

    const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
    
    const keys = names.keys();
    
    console.log(keys.next().value);
    console.log(keys.next().value);
    console.log(keys.next().value);
    console.log(keys.next().value);
    console.log(keys.next().value);
    

    valeurs

    Procédé values renvoie un itérateur d'éléments d'ensemble dans l'ordre d'insertion similaire à la méthode keys.

    const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
    
    const values = names.values();
    
    console.log(values.next().value);
    console.log(values.next().value);
    console.log(values.next().value);
    console.log(values.next().value);
    console.log(values.next().value);
    

    clair

    Procédé clear supprime tous les éléments de l'ensemble.

    const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
    
    names.clear();
    
    console.log(names);
    

    pour chaque

    Procédé forEach est utilisé pour parcourir l'ensemble et en extraire tous les éléments un par un.

    const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
    
    names.forEach((element) => {
       console.log(element);
    });
    

    Divers

    Voyons une simple application d'ensembles avec un programme. Étant donné un tableau, supprimez toutes les valeurs en double de celui-ci. Pour résoudre le problème, nous pouvons utiliser la propriété set.

    Voyons la marche à suivre pour le résoudre.

    • Initialisez un tableau avec des données factices.
    • Initialisez un ensemble vide.
    • Itérer sur le tableau des éléments.
      • Ajoutez chaque élément à l'ensemble.
      • Il supprimera automatiquement les éléments en double.
    • Initialisez un tableau vide.
    • Itérez sur l'ensemble et ajoutez chaque élément au nouveau tableau.
    • Imprimez le nouveau tableau.

    J'espère que vous pourrez le résoudre vous-même. Si vous avez du mal à coder, jetez un œil à la solution ci-dessous.

    const arr = ["John", "Harry", "Wick", "Jack", "Harry"];
    
    const temp = new Set();
    
    arr.forEach((element) => {
       temp.add(element);
    });
    
    const newArr = [];
    
    temp.forEach((element) => {
       newArr.push(element);
    });
    
    console.log(newArr);
    

    Conclusion

    Maintenant, vous avez toutes les connaissances nécessaires pour travailler avec des ensembles dans JavaScript. Vous pouvez les utiliser dans votre prochain projet. Allez-y et profitez-en.

    Codage heureux 👨‍💻