Sett er et nytt tillegg til JavaScript i ES6. La oss lære om det.
Hva er settene?
Hvordan bruker jeg dem i JavaScript?
Og hvilke metoder gir for å løse problemer?
La oss finne ut svarene på alle spørsmålene i denne opplæringen.
Innholdsfortegnelse
Settene
Som navnet indikerer, er et sett en samling unike elementer. Den lagrer ikke de gjentatte verdiene.
Sett i JavaScript vil lagre elementene i innsettingsrekkefølgen. Så de er bestilt i JavaScript. Og den vil lagre primitive datatyper eller objekter.
La oss se syntaksen til settene i JavaScript.
Jeg håper du har IDE for å øve på følgende.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); console.log(names); const randomWord = new Set("Hiiiiiii"); console.log(randomWord); const numbers = new Set([5, 5, 5, 2, 1, 1, 2, 3]); console.log(numbers);
Egenskaper og metoder
Sett har forskjellige egenskaper og metoder som hjelper oss å jobbe med dem for å løse ulike problemer. Egenskapene og metodene er like enkle som å lage dem. Du kan enkelt få funksjonaliteten til metodene med selve navnene deres. La oss se dem en etter en.
størrelse
Egenskapsstørrelsen returnerer antall elementer som er tilstede i settet.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); console.log(`Size: ${names.size}`);
legge til
Metoden add brukes til å legge til et nytt element til settet. Hvis det nye elementet allerede er til stede i settet, vil det ikke legge det til.
// empty set const names = new Set(); names.add("John"); names.add("Harry"); names.add("Wick"); names.add("Jack"); names.add("Harry"); console.log(names);
har
Metoden tar ett argument og returnerer sant hvis elementet er tilstede i settet, ellers returnerer det usann.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); console.log(names.has("Harry")); console.log(names.has("Alley"));
slette
Som du forventer tar metoden slett et argument og sletter det fra settet. Det gir ingen feil selv om det gitte argumentet ikke er til stede i settet.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); names.delete("John"); console.log(names);
innganger
Metodeoppføringene returnerer en iterator som inneholder matriser med nøkkelverdi-par i innsettingsrekkefølgen. Her er nøkkel og verdi det samme.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); const entries = names.entries(); console.log(entries.next().value); console.log(entries.next().value); console.log(entries.next().value); console.log(entries.next().value); console.log(entries.next().value);
nøkler
Metodenøklene returnerer en iterator av settelementer i innsettingsrekkefølgen.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); const keys = names.keys(); console.log(keys.next().value); console.log(keys.next().value); console.log(keys.next().value); console.log(keys.next().value); console.log(keys.next().value);
verdier
Metodeverdiene returnerer en iterator av settelementer i innsettingsrekkefølgen som ligner på metodenøklene.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); const values = names.values(); console.log(values.next().value); console.log(values.next().value); console.log(values.next().value); console.log(values.next().value); console.log(values.next().value);
klar
Metoden clear fjerner alle elementene fra settet.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); names.clear(); console.log(names);
for hver
Metoden for hver brukes til å iterere over settet og hente alle elementene én etter én fra den.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); names.forEach((element) => { console.log(element); });
Diverse
La oss se en enkel bruk av sett med et program. Gitt en matrise, fjern alle dupliserte verdier fra den. For å løse problemet kan vi benytte oss av den angitte eiendommen.
La oss se trinnet for å løse det.
- Initialiser en matrise med dummydata.
- Initialiser et tomt sett.
- Iterer over utvalget av elementer.
- Legg til hvert element i settet.
- Det vil fjerne dupliserte elementer automatisk.
- Initialiser en tom matrise.
- Iterer over settet og legg til hvert element i den nye matrisen.
- Skriv ut den nye matrisen.
Jeg håper du kan løse det selv. Hvis du synes det er vanskelig å kode, ta en titt på løsningen nedenfor.
const arr = ["John", "Harry", "Wick", "Jack", "Harry"]; const temp = new Set(); arr.forEach((element) => { temp.add(element); }); const newArr = []; temp.forEach((element) => { newArr.push(element); }); console.log(newArr);
Konklusjon
Nå har du all kunnskapen du trenger for å jobbe med sett i JavaScript. Du kan bruke dem i ditt neste prosjekt. Gå videre og bruk hver bit av den.
Lykke til med koding 👨💻