Maison > interface Web > Questions et réponses frontales > Comment ajouter des éléments à la collection d'ensembles dans es6

Comment ajouter des éléments à la collection d'ensembles dans es6

青灯夜游
Libérer: 2023-01-11 17:28:14
original
1983 Les gens l'ont consulté

La collection d'ensembles ES6 peut utiliser la méthode add() pour ajouter des éléments. Set est une structure de données avec une structure similaire à un tableau et n'a pas de valeurs en double ; sa méthode add() intégrée peut ajouter des éléments à l'ensemble, la syntaxe est "set.add(value);", et la structure Set sera restitué une fois l'ajout terminé.

Comment ajouter des éléments à la collection d'ensembles dans es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

Set : Il s'agit d'une structure de données avec une structure similaire à un tableau et n'a pas de valeurs en double. Principalement utilisé pour la déduplication de tableaux et la déduplication de chaînes.

1. Méthode d'opération

(1) add() : ajoute une valeur et renvoie la structure Set elle-même

let set = new Set()
set.add(1);
console.log(set);
set.add(1).add(2).add(1)
console.log(set)
//注:拓展运算符 (...)可以将Set值扩展出来
console.log(...set)
console.log([...set])
Copier après la connexion

Comment ajouter des éléments à la collection densembles dans es6
(2) delete() : supprime une valeur, renvoie un booléen pour indiquer si la suppression est réussie ( 3) has() : Détermine si la valeur existe et renvoie un Boolean

let set = new Set()
set.add(1).add(2);
let a = set.delete(1);
console.log(set)
//注:拓展运算符 (...)可以将Set值扩展出来
console.log(...set)
console.log(a)
set.delete(3)
console.log(...set)
Copier après la connexion

Comment ajouter des éléments à la collection densembles dans es6
(3) has() : Détermine si la valeur existe et renvoie un Boolean

let set = new Set()
set.add(1).add(2);
let a = set.has(1);//true
let b = set.has(3);//false
console.log(a,b)
Copier après la connexion

(4) clear() : Effacer toutes les valeurs. Aucune valeur de retour

let set = new Set();
set.add(1).add(2);
set.clear();
console.log(set,[...set]);//Set(0){} []
Copier après la connexion

2. Méthode de traversée :

(1) Puisque Set n'a que des valeurs de clé et aucun nom de clé, on peut également dire que la clé et la valeur sont les mêmes (la clé et sont les mêmes et peuvent être omises), donc les clés Identiques à la valeur de retour des valeurs

let set = new  Set();
set.add(1).add(2).add(3)
for(let i of set.keys()){   //keys遍历
    console.log(i)
}
for(let i of set.values()){ //values遍历
    console.log(i)
}
set.add('hello').add('world');
for( let i of set.entries() ){ //打印键值对
    console.log(i) 
}
Copier après la connexion

Comment ajouter des éléments à la collection densembles dans es6
(2) forEach():

let set = new Set();
set.add('hello').add('world');
set.forEach((key,val)=>{
    console.log(key + '||' + val)
})
Copier après la connexion

Comment ajouter des éléments à la collection densembles dans es6
(3) Set peut accepter un tableau comme paramètre :

let arr = ['小红','小明','小强','小明'];
let set = new Set(arr);
console.log(...set)
Copier après la connexion

Comment ajouter des éléments à la collection densembles dans es6
(4) Set implémente l'union et l'intersection :

let arr = [4,5,6];
let list = [5,6,7];
let setA = new Set(arr);
let setB = new Set(list);
//并集 :集合A与集合 B的并集A U B
let bj = new Set([...setA,...setB])
console.log(bj)// 返回Set结构 Set(4) {4,5,6,7}
//交集:集合A 与 集合B 的交集 A ∩ B
let jj = new Set([...setA].filter(val => setB.has(val)))//通过 filter拿到符合条件的值
console.log(jj)//Set(2) { 5, 6 }
Copier après la connexion

Comment ajouter des éléments à la collection densembles dans es6

【Recommandations associées : Tutoriel vidéo javascript, Vidéo de programmation

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal