Set JavaScript

JavaScript Set est une collection de valeurs uniques.

Chaque valeur ne peut apparaître qu'une seule fois dans un Set.

Les valeurs peuvent être de n'importe quel type, valeurs primitives ou objets.

Comment créer un Set

Vous pouvez créer un Set JavaScript de la manière suivante :

  1. Passer un tableau à new Set().
  2. Créer un Set vide et utiliser add() Ajouter des valeurs.

Méthode new Set()

Passer un tableau à new Set() Constructeur :

Instance

// Créer un Set
const letters = new Set(["a","b","c"]);

Essayez-le vous-même

Créer un Set et ajouter des valeurs :

Instance

// Créer un Set
const letters = new Set();
// Ajouter des valeurs au Set
letters.add("a");
letters.add("b");
letters.add("c");

Essayez-le vous-même

Créer un Set et ajouter des variables :

Instance

// Créer un Set
const letters = new Set();
// Créer des variables
const a = "a";
const b = "b";
const c = "c";
// Ajouter une variable au Set
letters.add(a);
letters.add(b);
letters.add(c);

Essayez-le vous-même

Méthode add()

Instance

letters.add("d");
letters.add("e");

Essayez-le vous-même

Si vous ajoutez un élément identique, seul le premier sera conservé :

Instance

letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");

Essayez-le vous-même

Afficher les éléments

Il est possible d'utiliser for..of Parcourir et afficher tous les éléments (valeurs) du Set :

Instance

// Créer un Set
const letters = new Set(["a", "b", "c"]);
// Afficher tous les éléments
let text = "";
for (const x of letters) {
  text += x;
}

Essayez-le vous-même

Set est un objet

typeof Retourne object :

typeof letters;      // retourne object

Essayez-le vous-même

instanceof Set Retourne true :

letters instanceof Set;  // retourne true

Essayez-le vous-même

Manuel de référence complet Set

Pour une référence complète, veuillez visiter notre :Manuel de référence Set JavaScript.

Ce manuel contient une description et des exemples de toutes les propriétés et méthodes Set.

Support du navigateur

Set est Caractéristiques ES6(JavaScript 2015).

Depuis juin 2017, tous les navigateurs modernes prennent en charge ES6 :

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
Mai 2016 Avril 2017 Juin 2017 Septembre 2016 Juin 2016

Internet Explorer ne prend pas en charge Set.