Forstå sett i JavaScript

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.

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 👨‍💻