Izpratne par komplektiem JavaScript

Komplekti ir jauns JavaScript papildinājums ES6. Mācīsimies par to.

Kādi ir komplekti?

Kā tos izmantot JavaScript?

Un kādas metodes piedāvā problēmu risināšanai?

Uzzināsim atbildes uz visiem šīs apmācības jautājumiem.

Komplekti

Kā norāda nosaukums, komplekts ir unikālu elementu kolekcija. Tas nesaglabā atkārtotās vērtības.

JavaScript komplekti saglabās elementus ievietošanas secībā. Tātad, tie ir sakārtoti JavaScript. Un tas saglabās primitīvus datu tipus vai objektus.

Apskatīsim kopu sintaksi JavaScript.

Es ceru, ka jums ir IDE, lai praktizētu šādas darbības.

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

Īpašības un metodes

Komplektiem ir dažādas īpašības un metodes, kas palīdz mums strādāt ar tām, lai atrisinātu dažādas problēmas. Īpašības un metodes ir tikpat vienkāršas kā to izveide. Jūs varat viegli iegūt metožu funkcionalitāti ar pašiem to nosaukumiem. Apskatīsim tos pa vienam.

  Kā atcelt savu Disney Plus kontu

Izmērs

Rekvizīta lielums atgriež komplektā esošo elementu skaitu.

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

pievienot

Pievienošanas metode tiek izmantota, lai kopai pievienotu jaunu elementu. Ja jaunais elements jau ir komplektā, tas netiks pievienots.

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

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

console.log(names);

ir

Metode izmanto vienu argumentu un atgriež patiesu, ja elements atrodas kopā, pretējā gadījumā tā atgriež false.

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

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

dzēst

Kā paredzēts, dzēšanas metode izmanto argumentu un izdzēš to no kopas. Tas neizraisa kļūdu pat tad, ja norādītais arguments nav iekļauts kopā.

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

names.delete("John");

console.log(names);

ieraksti

Metodes ieraksti atgriež iteratoru, kas satur atslēgu-vērtību pāru masīvus ievietošanas secībā. Šeit atslēga un vērtība ir vienādas.

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

atslēgas

Metodes atslēgas atgriež kopas elementu iteratoru ievietošanas secībā.

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

vērtības

Metodes vērtības atgriež kopas elementu iteratoru ievietošanas secībā, kas ir līdzīga metodes taustiņiem.

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

skaidrs

Clear metode noņem visus elementus no komplekta.

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

names.clear();

console.log(names);

katram

Metode forEach tiek izmantota, lai atkārtotu kopu un iegūtu visus elementus pa vienam no tās.

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

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

Dažādi

Apskatīsim vienkāršu kopu pielietojumu ar programmu. Dots masīvs, noņemiet no tā visas dublētās vērtības. Lai atrisinātu problēmu, mēs varam izmantot iestatīto īpašību.

  Kāpēc dažas Mac lietotņu ikonas ir izsvītrotas?

Apskatīsim soli, lai to atrisinātu.

  • Inicializējiet masīvu ar fiktīviem datiem.
  • Inicializējiet tukšu komplektu.
  • Atkārtojiet elementu masīvu.
    • Pievienojiet komplektam katru elementu.
    • Tas automātiski noņems dublētos elementus.
  • Inicializējiet tukšu masīvu.
  • Atkārtojiet kopu un pievienojiet katru elementu jaunajam masīvam.
  • Izdrukājiet jauno masīvu.

Es ceru, ka jūs pats varat to atrisināt. Ja jums ir grūti kodēt, skatiet tālāk sniegto risinājumu.

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

Secinājums

Tagad jums ir visas zināšanas, kas nepieciešamas darbam ar JavaScript komplektiem. Varat tos izmantot savā nākamajā projektā. Iet uz priekšu un izmantojiet katru no tā.

  Labot Killing Floor 2 Nevar atrast atbilstību PS4

Laimīgu kodēšanu 👨‍💻