Pochopení sad v JavaScriptu

Sady jsou novým doplňkem JavaScriptu v ES6. Pojďme se o tom dozvědět.

Jaké jsou sady?

Jak je používat v JavaScriptu?

A jaké metody poskytuje řešení problémů?

Pojďme zjistit odpovědi na všechny otázky v tomto tutoriálu.

Sady

Jak název napovídá, sada je sbírka jedinečných prvků. Neukládá opakované hodnoty.

Sady v JavaScriptu uloží prvky do objednávky vložení. Jsou tedy seřazeny v JavaScriptu. A bude ukládat primitivní datové typy nebo objekty.

Podívejme se na syntaxi sad v JavaScriptu.

Doufám, že máte IDE k procvičení následujícího.

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

Vlastnosti a metody

Sady mají různé vlastnosti a metody, které nám pomáhají s nimi pracovat při řešení různých problémů. Vlastnosti a metody jsou stejně jednoduché jako jejich vytváření. Funkčnost metod snadno získáte už s jejich názvy. Podívejme se na ně jednoho po druhém.

velikost

Vlastnost size vrací počet prvků přítomných v sadě.

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

přidat

Metoda add se používá k přidání nového prvku do sady. Pokud je nový prvek již v sadě přítomen, nepřidá jej.

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

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

console.log(names);

má

Metoda má jeden argument a vrací true, pokud je prvek přítomen v sadě, jinak vrací false.

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

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

vymazat

Jak očekáváte, metoda delete vezme argument a odstraní jej ze sady. Nevyvolá žádnou chybu, i když daný argument není v sadě přítomen.

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

names.delete("John");

console.log(names);

záznamy

Záznamy metody vrátí iterátor obsahující pole párů klíč-hodnota v pořadí vložení. Zde jsou klíč a hodnota stejné.

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

klíče

Klávesy metody vrátí iterátor prvků sady v pořadí vložení.

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

hodnoty

Hodnoty metody vrátí iterátor prvků sady v pořadí vložení podobně jako klíče metody.

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

Průhledná

Metoda clear odstraní všechny prvky ze sady.

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

names.clear();

console.log(names);

pro každého

Metoda forEach se používá k iteraci množiny a získání všech prvků z ní jeden po druhém.

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

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

Smíšený

Podívejme se na jednoduchou aplikaci sad s programem. Dané pole z něj odstraní všechny duplicitní hodnoty. K vyřešení problému můžeme použít vlastnost set.

Podívejme se na krok k vyřešení.

• Inicializujte pole pomocí fiktivních dat.
• Inicializujte prázdnou sadu.
• Iterujte pole prvků.
  • Přidejte každý prvek do sady.
  • Automaticky odstraní duplicitní prvky.
• Inicializujte prázdné pole.
• Iterujte přes sadu a přidejte každý prvek do nového pole.
• Vytiskněte nové pole.

Doufám, že to dokážete vyřešit sami. Pokud je pro vás obtížné kódovat, podívejte se na řešení níže.

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

Závěr

Nyní máte všechny znalosti, které potřebujete pro práci se sadami v JavaScriptu. Můžete je použít ve svém dalším projektu. Pokračujte a využijte každý jeho kousek.

Veselé kódování 👨‍💻