8 JavaScript-asetusmenetelmää, jotka sinun tulisi hallita tänään

JavaScript-joukko on kokoelma ainutlaatuisia arvoja.

Joukot voivat sisältää minkä tahansa tietotyypin arvoja. Se voi olla yksinkertaisia ​​primitiivejä, kuten kokonaislukuja tai merkkijonoja, tai monimutkaisia ​​tyyppejä, kuten taulukoita tai objektiliteraaleja. Sarjan arvot voivat esiintyä vain kerran.

Tässä artikkelissa opit kahdeksan JavaScript Set -menetelmää, jotka sinun tulee hallita tänään.

1. Kuinka luoda uusi joukko JavaScriptillä

Voit luoda uuden Set-objektin käyttämällä UusiAseta() rakentaja. Set-objekti tallentaa minkä tahansa tietotyypin yksilölliset arvot. Tämä konstruktori hyväksyy iteroitavan objektin parametriksi.

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

Lähtö:

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

Jos et määritä parametrissa mitään, luodaan uusi tyhjä joukko.

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

Lähtö:

Aseta (0) {}

Jos yrität luoda joukon, jossa on toistuvia elementtejä, päällekkäiset elementit poistetaan ja yksilöllinen joukko palautetaan.

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

Lähtö:

Sarja (3) { 1, 2, 3 }

Voit myös luoda joukon käyttämällä erilaisia ​​tietotyyppejä.

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

Lähtö:

Sarja (4) { 1, 2, 'Hei', [ 45, 67, 78 ] }

2. Uusien elementtien lisääminen asetettuun objektiin

Voit liittää uuden elementin Set-objektin loppuun käyttämällä lisätä() menetelmä. Tämä menetelmä hyväksyy Set-objektiin lisättävän elementin arvon parametriksi ja palauttaa uuden Set-objektin lisätyllä arvolla.

const setObj = new Set();
setObj.add("Tervetuloa");
setObj.add("to");
setObj.add("MUO");
console.log (setObj);

Lähtö:

Set (3) { 'Tervetuloa', 'To', 'MUO' }

Voit välittää arvon suoraan parametrina tai voit välittää muuttujan sen sijaan yhtenä.

const setObj = new Set();
// Arvon lisääminen Set-objektiin
setObj.add("Tervetuloa");
const var1 = "to";
const var2 = "MUO";
// Muuttujan liittäminen Set-objektiin
setObj.add (muuttuja1);
setObj.add (muuttuja2);
console.log (setObj);

Lähtö:

Set (3) { 'Tervetuloa', 'To', 'MUO' }

The lisätä() menetelmä tukee myös ketjutusta.

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

Lähtö:

Sarja (3) { 1, 2, 3 }

Jos yrität liittää päällekkäisiä elementtejä, vain elementin ensimmäinen esiintymä tallennetaan.

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);

Lähtö:

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

3. Kuinka poistaa kaikki elementit sarjasta

Voit poistaa kaikki elementit Set-objektista käyttämällä asia selvä() menetelmä. Tämä menetelmä poistaa kaikki elementit ja palauttaa määrittelemätön.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Set-objektin koko: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Set-objektin koko elementtien poistamisen jälkeen: " + setObj.size);
console.log (setObj);

Lähtö:

Set-objektin koko: 5
Sarja (5) { 1, 2, 3, 4, 5 }
Set-objektin koko elementtien tyhjennyksen jälkeen: 0
Aseta (0) {}

Aiheeseen liittyvä: JavaScript-merkkijonomenetelmät, jotka sinun pitäisi hallita tänään

4. Tietyn elementin poistaminen sarjaobjektista

Voit poistaa tietyn elementin Set-objektista (jos sellainen on olemassa) käyttämällä poistaa() menetelmä. Tämä menetelmä hyväksyy joukosta poistettavan arvon. Jos arvo löytyy, menetelmä palauttaa totta. Muuten tulee olemaan väärä.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Alkusarja:");
console.log (setObj);
setObj.delete (3);
console.log("Aseta poistamisen jälkeen 3");
console.log (setObj);

Lähtö:

Alkusarja:
Sarja (5) { 1, 2, 3, 4, 5 }
Aseta poistamisen jälkeen 3
Sarja (4) { 1, 2, 4, 5 }

5. Kuinka tarkistaa, onko sarjassa elementti

Voit tarkistaa, onko Set-objektissa elementtiä käyttämällä on () menetelmä. Tämä menetelmä hyväksyy arvon parametriksi, jolla testataan läsnäolo Set-objektissa. Jos elementti löytyy, menetelmä palaa totta; muuten tulee olemaan väärä.

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

Lähtö:

totta
väärä

6. Mikä on entries()-menetelmä JavaScript-joukkoobjektissa?

Virkamiehen mukaan MDN Web Docs:

"The merkinnät () -menetelmä palauttaa uuden Iterator-objektin, joka sisältää joukko [arvo, arvo] jokaiselle Set-objektin elementille lisäysjärjestyksessä. Aseta objektit -kohdassa ei ole avainta, kuten Karttaobjekteissa. Jotta API pysyy kuitenkin samanlaisena kuin Map-objekti, jokaisella merkinnällä on sama arvo avaimelle ja arvolle tässä, joten palautetaan taulukko [arvo, arvo]."

const setObj = new Set(["Tervetuloa", "To", "MUO"]);
for (anna setObj.entries()) {
console.log (merkintä);
}

Lähtö:

["Tervetuloa", "Tervetuloa"]
['to', 'to' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Tervetuloa", "To", "MUO"]);
for (olkoon setObj.entries():n [avain, arvo]) {
console.log (arvo);
}

Lähtö:

Tervetuloa
to
MUO

Sarjan avaimet ja arvot ovat identtiset.

const setObj = new Set(["Tervetuloa", "To", "MUO"]);
for (olkoon setObj.entries():n [avain, arvo]) {
console.log (avainarvo);
}

Lähtö:

totta
totta
totta

Aiheeseen liittyvä: Silmukoiden käyttäminen JavaScriptissä

7. Mikä on forEach()-menetelmä JavaScript-joukkoobjektissa?

The jokaiselle() menetelmä kutsuu funktion jokaiselle Set-objektin elementille. Tämä menetelmä palaa määrittelemätön.

const setObj = new Set([1, 2, 3, 4, 5]);
olkoon summa = 0;
setObj.forEach (funktio (elementti) {
summa += elementti;
});
console.log (summa);

Lähtö:

15

8. Mikä on Values()-metodi JavaScript Set Objectissa?

The arvot() menetelmä palauttaa an Iteraattori objekti, joka sisältää kaikki joukon arvot, ja se tekee tämän lisäysjärjestyksessä.

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

Lähtö:

1
2
3
4
5

Aiheeseen liittyvä: Johdatus iteraattoreihin ja generaattoreihin JavaScriptissä

Huomautus: JavaScriptin set-objektilla ei ole avaimia. Mutta jotta sarjat olisivat yhteensopivia Mapsin kanssa, avaimet () menetelmää käytetään aliaksena arvot() menetelmä. The avaimet () menetelmä käyttäytyy täsmälleen samalla tavalla kuin arvot() menetelmä.

Nyt tiedät kuinka luoda sarjoja JavaScriptissä

Joten siinä se on. Kun olet lukenut tämän artikkelin, sinulla pitäisi olla paljon apua, jotta voit hallita sarjojen luomista JavaScriptillä.

Sarjojen luominen on ratkaisevan tärkeää jokaiselle ohjelmoijalle, joka haluaa parantaa peliään. Kun olet oppinut tämän, voit siirtyä kehittämään muita taitoja, kuten luomaan taulukoita.

15 JavaScript-taulukkomenetelmää, jotka sinun pitäisi hallita tänään

Haluatko ymmärtää JavaScript-taulukoita, mutta et pääse niihin käsiksi? Katso ohjeita JavaScript-taulukkoesimerkeistämme.

Lue Seuraava

Kirjailijasta