8 metód JavaScriptu, ktoré by ste mali zvládnuť už dnes

Sada JavaScript je kolekcia hodnôt, ktoré sú jedinečné.

Množiny môžu obsahovať hodnoty akéhokoľvek typu údajov. Môžu to byť jednoduché primitívy, ako sú celé čísla alebo reťazce atď., alebo zložité typy, ako sú polia alebo objektové literály. Hodnoty v množine sa môžu vyskytnúť iba raz.

V tomto článku sa naučíte osem metód JavaScript Set, ktoré by ste dnes mali ovládať.

1. Ako vytvoriť novú sadu v JavaScripte

Môžete vytvoriť nový objekt Set pomocou NovýSet() konštruktér. Objekt Set ukladá jedinečné hodnoty akéhokoľvek typu údajov. Tento konštruktor akceptuje iterovateľný objekt ako parameter.

const setObj = new Set([21, 34, 35, 56, 23]);
console.log (setObj);

Výkon:

Sada (5) { 21, 34, 35, 56, 23 }

Ak v parametri nič nešpecifikujete, vytvorí sa nová prázdna sada.

const setObj = new Set();
console.log (setObj);

Výkon:

Sada (0) {}

Ak sa pokúsite vytvoriť sadu s opakujúcimi sa prvkami, duplicitné prvky sa odstránia a vráti sa jedinečná sada.

const setObj = new Set([1, 2, 3, 1, 2, 3]);
console.log (setObj);

Výkon:

Sada (3) { 1, 2, 3 }

Môžete tiež vytvoriť množinu pomocou zmiešaných typov údajov.

const setObj = new Set([1, 2, "Ahoj", [45, 67, 78]]);
console.log (setObj);

Výkon:

Sada (4) { 1, 2, 'Ahoj', [ 45, 67, 78 ] }

2. Ako pridať nové prvky k objektu sady

Môžete pridať nový prvok na koniec objektu Set pomocou pridať () metóda. Táto metóda akceptuje hodnotu prvku, ktorý sa má pridať do objektu Set ako parameter, a vráti nový objekt Set s pridanou hodnotou.

const setObj = new Set();
setObj.add("Vitajte");
setObj.add("do");
setObj.add("MUO");
console.log (setObj);

Výkon:

Sada (3) { 'Welcome', 'to', 'MUO' }

Hodnotu môžete odovzdať priamo ako parameter alebo namiesto toho môžete premennú odovzdať ako jednu.

const setObj = new Set();
// Pridanie hodnoty k objektu Set
setObj.add("Vitajte");
const var1 = "do";
const var2 = "MUO";
// Pridanie premennej k objektu Set
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Výkon:

Sada (3) { 'Welcome', 'to', 'MUO' }

The pridať () metóda tiež podporuje reťazenie.

const setObj = new Set();
// Reťazenie
setObj.add (1).add (2).add (3);
console.log (setObj);

Výkon:

Sada (3) { 1, 2, 3 }

Ak sa pokúsite pridať duplicitné prvky, uloží sa iba prvá inštancia prvku.

const setObj = new Set();
setObj.add (1);
setObj.add (2);
setObj.add (3);
setObj.add("M");
setObj.add("U");
setObj.add("O");
setObj.add (1);
setObj.add (2);
setObj.add (3);
console.log (setObj);

Výkon:

Sada (6) { 1, 2, 3, 'M', 'U', 'O' }

3. Ako odstrániť všetky prvky z nastaveného objektu

Všetky prvky z objektu Set môžete odstrániť pomocou jasný() metóda. Táto metóda odstráni všetky prvky a vráti sa späť nedefinované.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Veľkosť objektu Set: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Veľkosť objektu Set po vymazaní prvkov: " + setObj.size);
console.log (setObj);

Výkon:

Veľkosť objektu Set: 5
Sada (5) { 1, 2, 3, 4, 5 }
Veľkosť objektu Set po odstránení prvkov: 0
Sada (0) {}

Súvisiace: Metódy reťazcov JavaScriptu, ktoré by ste mali zvládnuť ešte dnes

4. Ako odstrániť konkrétny prvok z nastaveného objektu

Môžete odstrániť konkrétny prvok z objektu Set (ak existuje) pomocou vymazať () metóda. Táto metóda akceptuje hodnotu, ktorá sa má odstrániť zo sady. Ak sa hodnota nájde, metóda sa vráti pravda. Inak bude falošný.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Počiatočná sada:");
console.log (setObj);
setObj.delete (3);
console.log("Nastaviť po odstránení 3");
console.log (setObj);

Výkon:

Počiatočná sada:
Sada (5) { 1, 2, 3, 4, 5 }
Nastaviť po odstránení 3
Sada (4) { 1, 2, 4, 5 }

5. Ako skontrolovať, či prvok v množine existuje

Môžete skontrolovať, či prvok existuje v objekte Set pomocou má() metóda. Táto metóda akceptuje hodnotu ako parameter na testovanie prítomnosti v objekte Set. Ak sa prvok nájde, metóda sa vráti pravda; inak bude falošný.

const setObj = new Set(["Vitajte", "do", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

Výkon:

pravda
falošný

6. Čo je metóda entries() v objekte sady JavaScript?

Podľa úradníka Webové dokumenty MDN:

"The záznamy() metóda vráti nový objekt Iterator, ktorý obsahuje pole [hodnota, hodnota] pre každý prvok v objekte Set v poradí vloženia. Pre objekty Set nie je kľúč ako v objektoch mapy. Aby však API zostalo podobné objektu Map, každá položka tu má rovnakú hodnotu pre svoj kľúč a hodnotu, takže sa vráti pole [hodnota, hodnota]."

const setObj = new Set(["Vitajte", "do", "MUO"]);
for (nech položka setObj.entries()) {
console.log (záznam);
}

Výkon:

[ 'Vitajte', 'Vitajte' ]
[ 'do', 'do' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Vitajte", "do", "MUO"]);
for (nech [kľúč, hodnota] funkcie setObj.entries()) {
console.log (hodnota);
}

Výkon:

Vitajte
do
MUO

Kľúče a hodnoty v súprave sú identické.

const setObj = new Set(["Vitajte", "do", "MUO"]);
for (nech [kľúč, hodnota] funkcie setObj.entries()) {
console.log (hodnota kľúča);
}

Výkon:

pravda
pravda
pravda

Súvisiace: Ako používať slučky v JavaScripte

7. Čo je metóda forEach() v objekte sady JavaScript?

The pre každý() metóda vyvolá funkciu pre každý prvok objektu Set. Táto metóda sa vracia nedefinované.

const setObj = new Set([1, 2, 3, 4, 5]);
nech súčet = 0;
setObj.forEach (funkcia (prvok) {
súčet += prvok;
});
console.log (suma);

Výkon:

15

8. Čo je to metóda hodnôt () v objekte sady JavaScript?

The hodnoty() metóda vracia an Iterátor objekt, ktorý obsahuje všetky hodnoty v množine, a robí to v poradí vloženia.

const setObj = new Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (nech hodnota iteratorObj) {
console.log (hodnota);
}

Výkon:

1
2
3
4
5

Súvisiace: Úvod do iterátorov a generátorov v JavaScripte

Poznámka: Objekt Set v JavaScripte nemá žiadne kľúče. Aby však boli súpravy kompatibilné s Mapami, kľúče () metóda sa používa ako alias pre hodnoty() metóda. The kľúče () metóda sa správa presne rovnako ako metóda hodnoty() metóda.

Teraz viete, ako vytvoriť sady v JavaScripte

Takže tu to máte. Po prečítaní tohto článku by ste mali mať veľa vecí, ktoré vám pomôžu zvládnuť vytváranie sád v jazyku JavaScript.

Vytváranie sád je kľúčové pre každého programátora, ktorý chce zlepšiť svoju hru. Keď si to osvojíte, môžete prejsť na zdokonaľovanie ďalších zručností – napríklad vytváranie polí.

15 metód JavaScript Array, ktoré by ste si mali dnes osvojiť

Chcete porozumieť poliam JavaScript, ale neviete sa s nimi vysporiadať? Pokyny nájdete v našich príkladoch poľa JavaScript.

Prečítajte si ďalej

O autorovi