8 JavaScripti komplekti meetodit, mida peaksite juba täna valdama

JavaScripti komplekt on ainulaadsete väärtuste kogum.

Komplektid võivad sisaldada mis tahes andmetüübi väärtusi. Need võivad olla lihtsad primitiivid, nagu täisarvud või stringid jne, või keerulised tüübid, nagu massiivid või objektliteraalid. Väärtused komplektis võivad esineda ainult üks kord.

Sellest artiklist saate teada kaheksa JavaScripti komplekti meetodit, mida peaksite täna valdama.

1. Kuidas luua JavaScriptis uut komplekti

Saate luua uue Set objekti, kasutades nuppu uusMäära() konstruktor. Objekt Set salvestab mis tahes andmetüübi kordumatud väärtused. See konstruktor aktsepteerib parameetrina itereeritavat objekti.

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

Väljund:

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

Kui te parameetris midagi ei määra, luuakse uus tühi Set.

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

Väljund:

Komplekt (0) {}

Kui proovite luua korduvate elementidega komplekti, eemaldatakse duplikaatelemendid ja tagastatakse kordumatu komplekt.

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

Väljund:

Komplekt (3) { 1, 2, 3 }

Saate luua ka komplekti, kasutades segatüüpi andmetüüpe.

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

Väljund:

Set (4) { 1, 2, 'Tere', [ 45, 67, 78 ] }

2. Kuidas lisada seatud objektile uusi elemente

Saate lisada uue elemendi Set-objekti lõppu, kasutades nuppu lisama() meetod. See meetod aktsepteerib parameetrina Set-objektile lisatava elemendi väärtust ja tagastab uue Set-objekti koos lisandväärtusega.

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

Väljund:

Set (3) { 'Tere tulemast', 'to', 'MUO' }

Saate väärtuse otse parameetrina edastada või muutuja ühena.

const setObj = new Set();
// Set-objektile väärtuse lisamine
setObj.add("Tere tulemast");
const var1 = "kuni";
const var2 = "MUO";
// Muutuja lisamine Set-objektile
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Väljund:

Set (3) { 'Tere tulemast', 'to', 'MUO' }

The lisama() meetod toetab ka aheldamist.

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

Väljund:

Komplekt (3) { 1, 2, 3 }

Kui proovite lisada dubleerivaid elemente, salvestatakse ainult elemendi esimene eksemplar.

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äljund:

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

3. Kuidas eemaldada kõik elemendid seatud objektist

Saate eemaldada kõik Set-objekti elemendid, kasutades nuppu selge () meetod. See meetod eemaldab kõik elemendid ja tagastab määratlemata.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Set objekti suurus: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Set objekti suurus pärast elementide kustutamist: " + setObj.size);
console.log (setObj);

Väljund:

Komplekti objekti suurus: 5
Komplekt (5) { 1, 2, 3, 4, 5 }
Set objekti suurus pärast elementide kustutamist: 0
Komplekt (0) {}

Seotud: JavaScripti stringimeetodid, mida peaksite juba täna valdama

4. Kuidas kustutada määratud objektist konkreetne element

Saate konkreetse elemendi Set-objektist (kui see on olemas) kustutada, kasutades kustuta() meetod. See meetod aktsepteerib komplektist kustutatava väärtuse. Kui väärtus leitakse, naaseb meetod tõsi. Muidu saab olema vale.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Algne komplekt:");
console.log (setObj);
setObj.delete (3);
console.log("Määra pärast 3 kustutamist");
console.log (setObj);

Väljund:

Esialgne komplekt:
Komplekt (5) { 1, 2, 3, 4, 5 }
Määrake pärast kustutamist 3
Komplekt (4) { 1, 2, 4, 5 }

5. Kuidas kontrollida, kas komplektis on elementi

Saate kontrollida, kas element on Set-objektis olemas, kasutades nuppu on () meetod. See meetod aktsepteerib väärtust parameetrina, et testida olemasolu objektis Set. Kui element leitakse, naaseb meetod tõsi; muidu saab olema vale.

const setObj = new Set(["Tere tulemast", "to", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

Väljund:

tõsi
vale

6. Mis on kirje() meetod JavaScripti komplekti objektis?

Ametniku sõnul MDN-i veebidokumendid:

" kirjed () meetod tagastab uue Iteratori objekti, mis sisaldab massiiv [väärtus, väärtus] iga Set-objekti elemendi jaoks sisestamise järjekorras. Objektide määramisel puudub võti nagu kaardiobjektidel. Kuid selleks, et API jääks kaardiobjektiga sarnaseks, on iga kirje võtme ja väärtuse jaoks siin sama väärtus, nii et tagastatakse massiiv [väärtus, väärtus].

const setObj = new Set(["Tere tulemast", "to", "MUO"]);
for (laske sisestada setObj.entries()) {
console.log (kirje);
}

Väljund:

["Tere tulemast", "Tere tulemast"]
[ 'kuni', 'kuni' ]
[ MUO, MUO ]

const setObj = new Set(["Tere tulemast", "to", "MUO"]);
for (olgu [võti, väärtus] setObj.entries()) {
console.log (väärtus);
}

Väljund:

Tere tulemast
juurde
MUO

Komplektis olevad võtmed ja väärtused on identsed.

const setObj = new Set(["Tere tulemast", "to", "MUO"]);
for (olgu [võti, väärtus] setObj.entries()) {
console.log (võtmeväärtus);
}

Väljund:

tõsi
tõsi
tõsi

Seotud: Kuidas kasutada silmuseid JavaScriptis

7. Mis on meetod forEach() JavaScripti komplektiobjektis?

The igaühele() meetod kutsub esile funktsiooni Set-objekti iga elemendi jaoks. See meetod naaseb määratlemata.

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

Väljund:

15

8. Mis on väärtuste () meetod JavaScripti komplekti objektis?

The väärtused() meetod tagastab an Iteraator objekt, mis sisaldab kõiki komplekti kuuluvaid väärtusi, ja teeb seda sisestamise järjekorras.

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

Väljund:

1
2
3
4
5

Seotud: Sissejuhatus JavaScripti iteraatoritesse ja generaatoritesse

Märge: JavaScripti määratud objektil pole võtmeid. Kuid selleks, et komplektid Mapsiga ühilduksid, tuleb võtmed () meetodit kasutatakse varjunimena väärtused() meetod. The võtmed () meetod käitub täpselt samamoodi kui väärtused() meetod.

Nüüd teate, kuidas JavaScriptis komplekte luua

Niisiis, see on käes. Pärast seda artiklit lugedes peaks teil olema palju abi, mis aitavad teil JavaScripti abil komplekte luua.

Komplektide loomine on ülioluline igale programmeerijale, kes soovib oma mängu täiustada. Kui olete selle selgeks saanud, saate edasi liikuda muude oskuste täiustamise juurde, näiteks massiivide loomisele.

15 JavaScripti massiivi meetodit, mida peaksite juba täna omandama

Kas soovite JavaScripti massiive mõista, kuid ei saa nendega hakkama? Juhiste saamiseks vaadake meie JavaScripti massiivi näiteid.

Loe edasi

Autori kohta