Maison  >  Article  >  interface Web  >  Comment utiliser l'ensemble javascript

Comment utiliser l'ensemble javascript

PHPz
PHPzoriginal
2023-05-22 09:56:073057parcourir

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 :

  1. Méthode has() : Vérifiez si le Set contient une certaine valeur. Attribut
const set = new Set([1, 2, 3]);
console.log(set.has(2)); //输出 true
console.log(set.has(4)); //输出 false
  1. size : renvoie le nombre d'éléments dans l'ensemble. Méthode
const set = new Set([1, 2, 3]);
console.log(set.size); //输出 3
  1. keys() : renvoie les noms de clé de tous les éléments de l'ensemble. Méthode
const set = new Set([1, 2, 3]);
console.log(set.keys()); //输出 SetIterator {1, 2, 3}
  1. values() : Renvoie les valeurs de tous les éléments de l'ensemble. Méthode
const set = new Set([1, 2, 3]);
console.log(set.values()); //输出 SetIterator {1, 2, 3}
  1. entries() : renvoie les paires clé-valeur de tous les éléments de l'ensemble.
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 :

  1. Convertir un ensemble en tableau :
const set = new Set([1, 2, 3]);
const arr = Array.from(set);
console.log(arr); //输出 [1, 2, 3]
  1. Convertir un tableau en ensemble :
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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn