8 JavaScript-készlet-módszer, amelyet ma el kell sajátítania

A JavaScript-készlet egyedi értékek gyűjteménye.

A halmazok bármilyen adattípus értéket tartalmazhatnak. Lehetnek egyszerű primitívek, például egész számok vagy karakterláncok stb., vagy összetett típusok, például tömbök vagy objektumliterálok. A készletben szereplő értékek csak egyszer fordulhatnak elő.

Ebből a cikkből nyolc JavaScript-beállítási módszert ismerhet meg, amelyeket ma érdemes elsajátítania.

1. Új készlet létrehozása JavaScripten

Új Set objektumot hozhat létre a újKészlet() konstruktőr. A Set objektum bármilyen adattípus egyedi értékeit tárolja. Ez a konstruktor egy iterálható objektumot fogad el paraméterként.

const setObj = new Set([21, 34, 35, 56, 23]);
console.log (setObj);

Kimenet:

készlet (5) { 21, 34, 35, 56, 23 }

Ha nem ad meg semmit a paraméterben, akkor egy új üres készlet jön létre.

const setObj = new Set();
console.log (setObj);

Kimenet:

készlet (0) {}

Ha ismétlődő elemeket tartalmazó készletet próbál létrehozni, akkor az ismétlődő elemek eltávolításra kerülnek, és egy egyedi készletet ad vissza.

const setObj = new Set([1, 2, 3, 1, 2, 3]);
console.log (setObj);

Kimenet:

készlet (3) { 1, 2, 3 }

Készíthet készletet vegyes adattípusok használatával is.

const setObj = new Set([1, 2, "Hello", [45, 67, 78]]);
console.log (setObj);

Kimenet:

Set (4) { 1, 2, 'Hello', [ 45, 67, 78 ] }

2. Új elemek hozzáfűzése egy beállított objektumhoz

A Set objektum végéhez új elemet fűzhet a gombbal add() módszer. Ez a metódus elfogadja a Set objektumhoz hozzáadandó elem értékét paraméterként, és az új Set objektumot hozzáadott értékkel adja vissza.

const setObj = new Set();
setObj.add("Üdvözöljük");
setObj.add("hoz");
setObj.add("MUO");
console.log (setObj);

Kimenet:

Set (3) { 'Üdvözöljük', 'to', 'MUO' }

Az értéket közvetlenül átadhatja paraméterként, vagy átadhatja a változót egyként.

const setObj = new Set();
// Érték hozzáfűzése egy Set objektumhoz
setObj.add("Üdvözöljük");
const var1 = "hoz";
const var2 = "MUO";
// Változó hozzáfűzése egy Set objektumhoz
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Kimenet:

Set (3) { 'Üdvözöljük', 'to', 'MUO' }

Az add() módszer is támogatja a láncolást.

const setObj = new Set();
// Láncolás
setObj.add (1).add (2).add (3);
console.log (setObj);

Kimenet:

készlet (3) { 1, 2, 3 }

Ha ismétlődő elemeket próbál hozzáfűzni, csak az elem első példánya kerül mentésre.

const setObj = new Set();
setObj.add (1);
setObj.add (2);
setObj.add (3);
setObj.add("M");
setObj.add("U");
setObj.add("O");
setObj.add (1);
setObj.add (2);
setObj.add (3);
console.log (setObj);

Kimenet:

Set (6) { 1, 2, 3, 'M', 'U', 'O' }

3. Hogyan lehet eltávolítani az összes elemet egy beállított objektumból

A Set objektum összes elemét eltávolíthatja a egyértelmű() módszer. Ez a módszer eltávolítja az összes elemet, és visszatér határozatlan.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("A Set objektum mérete: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("A Set objektum mérete az elemek törlése után: " + setObj.size);
console.log (setObj);

Kimenet:

A Set objektum mérete: 5
készlet (5) { 1, 2, 3, 4, 5 }
A Set objektum mérete az elemek törlése után: 0
készlet (0) {}

Összefüggő: JavaScript karakterlánc-módszerek, amelyeket ma el kell sajátítania

4. Hogyan lehet törölni egy adott elemet egy beállított objektumból

Egy adott elemet törölhet egy Set objektumból (ha létezik) a töröl() módszer. Ez a módszer elfogadja a halmazból törölni kívánt értéket. Ha az érték megtalálható, a metódus visszatér igaz. Különben az lesz hamis.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Kezdeti készlet:");
console.log (setObj);
setObj.delete (3);
console.log("Beállítás 3 törlése után");
console.log (setObj);

Kimenet:

Kezdeti készlet:
készlet (5) { 1, 2, 3, 4, 5 }
Törlés után állítsa be 3
készlet (4) { 1, 2, 4, 5 }

5. Hogyan ellenőrizhető, hogy van-e elem a készletben

A segítségével ellenőrizheti, hogy létezik-e elem a Set objektumban van() módszer. Ez a módszer elfogadja az értéket paraméterként a Set objektumban való jelenlét teszteléséhez. Ha az elem megtalálható, a metódus visszatér igaz; különben az lesz hamis.

const setObj = new Set(["Üdvözöljük", "to", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

Kimenet:

igaz
hamis

6. Mi az entries() metódus a JavaScript Set Object-ben?

A hivatalos személy szerint MDN Web Docs:

"Az bejegyzés() metódus egy új Iterator objektumot ad vissza, amely tartalmazza [érték, érték] tömbje a Set objektum minden eleméhez, beillesztési sorrendben. Az objektumok beállítása esetén nincs kulcs, mint a Térképobjektumoknál. Azonban annak érdekében, hogy az API hasonló legyen a Map objektumhoz, minden bejegyzésnek ugyanaz az értéke a kulcsának és az itt található értéknek, így egy [érték, érték] tömb kerül visszaadásra."

const setObj = new Set(["Üdvözöljük", "to", "MUO"]);
for (engedje meg a setObj.entries() bejegyzését) {
console.log (bejegyzés);
}

Kimenet:

[ 'Üdvözöljük', 'Üdvözöljük' ]
[ "hoz", "hoz" ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Üdvözöljük", "to", "MUO"]);
for (legyen [kulcs, érték] of setObj.entries()) {
console.log (érték);
}

Kimenet:

Üdvözöljük
nak nek
MUO

A készletben található kulcsok és értékek azonosak.

const setObj = new Set(["Üdvözöljük", "to", "MUO"]);
for (legyen [kulcs, érték] of setObj.entries()) {
console.log (kulcsérték);
}

Kimenet:

igaz
igaz
igaz

Összefüggő: A hurkok használata JavaScriptben

7. Mi a forEach() metódus a JavaScript Set Objectben?

Az az egyes() metódus meghív egy függvényt a Set objektum minden eleméhez. Ez a metódus visszatér határozatlan.

const setObj = new Set([1, 2, 3, 4, 5]);
legyen összeg = 0;
setObj.forEach (function (elem) {
összeg += elem;
});
console.log (összeg);

Kimenet:

15

8. Mi az Value() metódus a JavaScript Set Objectben?

Az értékek() metódus egy Iterátor objektum, amely egy halmaz összes értékét tartalmazza, és ezt beillesztési sorrendben teszi.

const setObj = new Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (legyen az iteratorObj értéke) {
console.log (érték);
}

Kimenet:

1
2
3
4
5

Összefüggő: Bevezetés a JavaScript iterátoraiba és generátoraiba

jegyzet: A Set objektumnak a JavaScriptben nincsenek kulcsai. De ahhoz, hogy a készletek kompatibilisek legyenek a Térképpel, a kulcsok() metódust álnévként használják a értékek() módszer. Az kulcsok() módszer pontosan ugyanúgy viselkedik, mint a értékek() módszer.

Most már tudja, hogyan hozhat létre készleteket JavaScriptben

Szóval, megvan. Miután elolvasta ezt a cikket, sok segítségre van szüksége ahhoz, hogy elsajátítsa a készletek létrehozását JavaScripten.

A készletek létrehozása létfontosságú minden programozó számára, aki fel akarja fejleszteni a játékát. Miután ezt elsajátította, továbbléphet más készségek tökéletesítésére – például tömbök létrehozására.

15 JavaScript-tömb módszer, amelyet ma el kell sajátítania

Meg akarja érteni a JavaScript tömböket, de nem tud megbirkózni velük? Útmutatásért tekintse meg JavaScript-tömb példáinkat.

Olvassa el a következőt

A szerzőről