Introduction à Set object en JavaScript (avec exemples)

Cet article vous présente une introduction à l'objet Set en JavaScript (avec des exemples). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

1. Créer une instance d'objet Set

L'objet Set vous permet de stocker une valeur unique de n'importe quel type, qu'il s'agisse d'une valeur primitive ou d'un objet. référence

1. Constructeur

Syntaxe : new Set([iterable])
Paramètres :
iterable Si un objet itérable est passé, tous ses éléments seront ajoutés au nouveau Set; Si ce paramètre n'est pas spécifié ou si sa valeur est nulle, le nouveau Set sera vide

    let arr = [1,2,2,3];
    let mySet = new Set(arr);
    console.log(mySet); // Set(3) {1, 2, 3}

2. Définir l'attribut d'instance

1.size attribut sera renvoyé Le nombre d'éléments dans l'objet Set

    let mySet = new Set();
    mySet.add(1);
    mySet.add(5);
    mySet.add("some text");
    console.log(mySet.size); // 3

3. Méthode d'instance Set

1 La méthode add() est utilisée pour ajouter un élément spécifié. élément à la fin d'un objet Set La valeur de

Syntaxe : mySet.add(value)

Paramètres : valeur Obligatoire, la valeur de l'élément qui doit être ajouté à l'objet Set

    let mySet = new Set();
    mySet.add(1);
    mySet.add(5).add("some text"); // 可以链式调用

    console.log(mySet); // Set [1, 5, "some text"]

2.delete() La méthode peut supprimer l'élément spécifié d'un objet Set

Syntaxe : mySet.delete(value)

Paramètres : value L'élément à supprimer

Valeur de retour : renvoyée après une suppression réussie true, sinon return false

    let mySet = new Set();
    mySet.add("foo");
    mySet.delete("foo"); // 返回 true，删除成功
    console.log(mySet.size); // 0

3 La méthode clear() est utilisée pour effacer tous les éléments d'un objet Set

.

Syntaxe : mySet.clear()

    let mySet = new Set();
    mySet.add(1);
    mySet.add("foo");
    console.log(mySet.size);       // 2

    mySet.clear();
    console.log(mySet.size);       // 0

4.has() renvoie une valeur booléenne pour indiquer si la valeur correspondante existe dans l'objet Set

Syntaxe : mySet. has(value)

Paramètres :

La valeur est requise, si elle existe dans la valeur Set

Valeur de retour : Si la valeur spécifiée (valeur) existe dans l'objet Set , renvoie true ; sinon, renvoie false

    let mySet = new Set();
    mySet.add("foo");

    console.log(mySet.has("foo"));  // true
    console.log(mySet.has("bar"));  // false

5.entries ()

Syntaxe : mySet.entries()

Valeur de retour : un nouvel objet itérateur de tableau contenant la forme [value, value], où value est chaque élément de l'ensemble donné, l'ordre des éléments de l'objet itérateur est l'ordre d'insertion des éléments dans l'objet ensemble

    let mySet = new Set();
    mySet.add("foobar");
    mySet.add(1);
    mySet.add("baz");

    let setIter = mySet.entries();

    console.log(setIter.next().value); // ["foobar", "foobar"]
    console.log(setIter.next().value); // [1, 1]
    console.log(setIter.next().value); // ["baz", "baz"]

6.values ()

Syntaxe : mySet.values() ou mySet.keys()

Valeur de retour : renvoie un objet Iterator, qui contient chaque élément de l'objet Set d'origine dans l'ordre dans lequel le L'objet Set est inséré

    let mySet = new Set();
    mySet.add("foo");
    mySet.add("bar");
    mySet.add("baz");

    let setIter = mySet.values();
    console.log(setIter.next().value); // "foo"
    console.log(setIter.next().value); // "bar"
    console.log(setIter.next().value); // "baz"

7.forEach()

Syntaxe : mySet.forEach(callback[, thisArg])

Paramètres :
fonction de rappel qui sera exécuté pour chaque élément
thisArg Lors de l'exécution de la fonction de rappel, elle peut être utilisée comme this

    let mySet = new Set(["foo","bar",undefined]);
    mySet.forEach((value1,value2,set) => {
        console.log("key =",value1,",value =",value2); // key = foo ,value = foo
    });

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!