Înțelegerea seturilor în JavaScript

Seturile sunt un nou add-on pentru JavaScript în ES6. Să învățăm despre asta.

Care sunt seturile?

Cum să le folosești în JavaScript?

Și ce metode oferă pentru a rezolva problemele?

Să aflăm răspunsurile la toate întrebările din acest tutorial.

Seturi

După cum indică și numele, un set este o colecție de elemente unice. Nu stochează valorile repetate.

Seturile din JavaScript vor stoca elementele în ordinea de inserare. Deci, sunt ordonate în JavaScript. Și va stoca tipuri de date sau obiecte primitive.

Să vedem sintaxa seturilor în JavaScript.

Sper că aveți IDE pentru a practica următoarele.

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

Proprietăți și metode

Seturile au proprietăți și metode diferite care ne ajută să lucrăm cu ele pentru a rezolva diferite probleme. Proprietățile și metodele sunt la fel de simple ca și crearea lor. Puteți obține cu ușurință funcționalitatea metodelor cu numele lor. Să-i vedem unul câte unul.

mărimea

Mărimea proprietății returnează numărul de elemente prezente în set.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
console.log(`Size: ${names.size}`);

adăuga

Metoda add este folosită pentru a adăuga un nou element la set. Dacă noul element este deja prezent în set, atunci nu îl va adăuga.

// empty set
const names = new Set();

names.add("John");
names.add("Harry");
names.add("Wick");
names.add("Jack");
names.add("Harry");

console.log(names);

are

Metoda are ia un argument și returnează adevărat dacă elementul este prezent în set, altfel returnează false.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

console.log(names.has("Harry"));
console.log(names.has("Alley"));

șterge

După cum vă așteptați, metoda delete preia un argument și îl șterge din set. Nu aruncă nicio eroare chiar dacă argumentul dat nu este prezent în set.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

names.delete("John");

console.log(names);

intrări

Intrările metodei returnează un iterator care conține matrice de perechi cheie-valoare în ordinea de inserare. Aici, cheia și valoarea sunt aceleași.

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

chei

Cheile de metodă returnează un iterator de elemente setate în ordinea de inserare.

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

valorile

Valorile metodei returnează un iterator de elemente setate în ordinea de inserare similară cu cheile de metodă.

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

clar

Metoda clear elimină toate elementele din set.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

names.clear();

console.log(names);

pentru fiecare

Metoda forEach este folosită pentru a itera peste mulțime și a obține toate elementele unul câte unul din acesta.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

names.forEach((element) => {
   console.log(element);
});

Diverse

Să vedem o aplicație simplă de seturi cu un program. Având în vedere o matrice, eliminați toate valorile duplicate din acesta. Pentru a rezolva problema, putem folosi proprietatea set.

Să vedem pasul pentru a o rezolva.

• Inițializați o matrice cu date fictive.
• Inițializați un set gol.
• Iterați peste matricea de elemente.
  • Adăugați fiecare element la set.
  • Va elimina automat elementele duplicate.
• Inițializați o matrice goală.
• Repetați setul și adăugați fiecare element în noua matrice.
• Imprimați noua matrice.

Sper că poți rezolva singur. Dacă vă este dificil să codificați, aruncați o privire la soluția de mai jos.

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

Concluzie

Acum, aveți toate cunoștințele necesare pentru a lucra cu seturi în JavaScript. Le poți folosi în următorul tău proiect. Continuă și folosește fiecare parte din el.

Codare fericită 👨‍💻