Maison > Article > interface Web > Comment utiliser l'ensemble javascript
JavaScript est un langage dynamique qui, avec HTML et CSS, est devenu l'un des trois éléments les plus fondamentaux du développement Web en raison de sa flexibilité. En JavaScript, set est une structure de données très couramment utilisée qui peut stocker des valeurs uniques de tout type. Ensuite, nous discuterons de l'utilisation et des fonctions des ensembles JavaScript.
1. Créer un ensemble
En JavaScript, nous pouvons utiliser la méthode suivante pour créer un ensemble :
const set = new Set();
Cela créera un ensemble vide. Nous pouvons également convertir un tableau en ensemble :
const arr = [1, 2, 3, 3, 4]; const set = new Set(arr); //这将创建一个唯一的值集合:{1, 2, 3, 4}
2. Ajouter des valeurs au Set
Dans un Set, nous utilisons la méthode add() pour y ajouter un élément unique. Si l'élément ajouté existe déjà dans l'ensemble, il ne sera pas ajouté.
const set = new Set(); set.add("hello"); set.add("world"); console.log(set); //输出Set("hello", "world")
3. Supprimer une valeur d'un Set
Pour supprimer une valeur d'un Set, nous pouvons utiliser la méthode delete(). Si la valeur n'existe pas, la méthode delete() renverra également false.
const set = new Set(); set.add("hello"); set.add("world"); set.delete("world"); console.log(set); //输出 Set("hello")
Nous pouvons également effacer l'ensemble de l'ensemble via la méthode clear() :
const set = new Set(); set.add("hello"); set.add("world"); set.clear(); console.log(set); //输出 Set()
4. Parcours de l'ensemble
En JavaScript, nous pouvons utiliser la boucle for-of pour parcourir l'ensemble. Étant donné que les valeurs en double ne sont pas autorisées dans Set, la boucle for-of ignorera automatiquement les valeurs en double.
const set = new Set([1, 2, 3]); for (const item of set) { console.log(item); }
Le résultat de sortie est :
1 2 3
En plus de la boucle for-of, nous pouvons également utiliser la méthode forEach() pour parcourir l'ensemble. Cela parcourra chaque élément de l'ensemble et exécutera la fonction de rappel dessus.
const set = new Set([1, 2, 3]); set.forEach((item) => { console.log(item); });
5. Méthodes courantes de Set
En JavaScript, Set a de nombreuses méthodes couramment utilisées :
const set = new Set([1, 2, 3]); console.log(set.has(2)); //输出 true console.log(set.has(4)); //输出 false
const set = new Set([1, 2, 3]); console.log(set.size); //输出 3
const set = new Set([1, 2, 3]); console.log(set.keys()); //输出 SetIterator {1, 2, 3}
const set = new Set([1, 2, 3]); console.log(set.values()); //输出 SetIterator {1, 2, 3}
const set = new Set([1, 2, 3]); console.log(set.entries()); //输出 SetIterator { [1, 1], [2, 2], [3, 3] }
6. Conversion entre Set et Array
En JavaScript, nous pouvons convertir Set en tableau ou un tableau en Set. Voici deux méthodes de conversion :
const set = new Set([1, 2, 3]); const arr = Array.from(set); console.log(arr); //输出 [1, 2, 3]
const arr = [1, 2, 3]; const set = new Set(arr); console.log(set); //输出 Set(3) {1, 2, 3}
7. Utiliser des scénarios de Set
Set peut être utilisé pour supprimer les valeurs en double, ce qui est très utile. lorsque vous travaillez avec des données. Par exemple, lors de la récupération des résultats d'une base de données, puisque les résultats peuvent contenir des valeurs en double, nous pouvons utiliser Set pour supprimer les valeurs en double.
Set peut également stocker tout type de données. Cela lui permet d’être utilisé dans de nombreux scénarios. Par exemple, lorsque nous devons stocker un grand nombre de valeurs, nous pouvons utiliser Set pour stocker les valeurs.
En bref, Set est une structure de données très utile en JavaScript, qui peut jouer un rôle dans de nombreux scénarios. En apprenant l'utilisation de base de Set, nous pouvons mieux utiliser JavaScript pour le développement Web.
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!