JavaScript készletek

Tartalomjegyzék

    Tartalomjegyzék megjelenítése

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

Minden érték csak egyszer fordulhat elő egy halmazban.

Essential Set Methods

new Set()

Új készletet hoz létre

add()

Új elemet ad a készlethez

delete()

Eltávolít egy elemet a halmazból

has()

Igaz értéket ad vissza, ha létezik érték a készletben

forEach()

Visszahívást hív meg a készlet minden eleméhez

values()

Egy iterátort ad vissza a halmaz összes értékével

size

Egy halmaz elemeinek számát adja vissza

Hogyan készítsünk készletet

JavaScript-készletet a következőképpen hozhat létre:

  • Tömb átadása a new Set()-nek

  • Hozzon létre egy új készletet, és az add() használatával adja hozzá az értékeket

  • Hozzon létre egy új készletet, és használja az add() parancsot változók hozzáadásához

Az new Set() metódus

Adjon át egy tömböt az új Set() konstruktornak:

Példa

// Create a Set
const letters = new Set(["a","b","c"]);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Sets</h2>
<p>Create a Set from an Array:</p>

<p id="demo"></p>

<script>
// Create a Set
const letters = new Set(["a","b","c"]);

// Display set.size
document.getElementById("demo").innerHTML = letters.size;
</script>

</body>
</html>

Hozzon létre egy készletet és adjon hozzá értékeket:

Példa

// Create a Set
const letters = new Set();

// Add Values to the Set
letters.add("a");
letters.add("b");
letters.add("c");

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Sets</h2>
<p>Add values to a Set:</p>

<p id="demo"></p>

<script>
// Create a Set
const letters = new Set();

// Add Values to the Set
letters.add("a");
letters.add("b");
letters.add("c");

// Display set.size
document.getElementById("demo").innerHTML = letters.size;
</script>

</body>
</html>

Hozzon létre egy készletet és adjon hozzá változókat:

Példa

// Create a Set
const letters = new Set();

// Create Variables
const a = "a";
const b = "b";
const c = "c";

// Add Variables to the Set
letters.add(a);
letters.add(b);
letters.add(c);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Sets</h2>
<p>Add variables to a Set:</p>

<p id="demo"></p>

<script>
// Create a Set
const letters = new Set();

// Create Variables
const a = "a";
const b = "b";
const c = "c";

// Add the Variables to the Set
letters.add(a);
letters.add(b);
letters.add(c);

// Display set.size
document.getElementById("demo").innerHTML = letters.size;
</script>

</body>
</html>

Az add() módszer

Példa

letters.add("d");
letters.add("e");

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Sets</h2>
<p>Adding new elements to a Set:</p>

<p id="demo"></p>

<script>
// Create a new Set
const letters = new Set(["a","b","c"]);

// Add a new Element
letters.add("d");
letters.add("e");

// Display set.size
document.getElementById("demo").innerHTML = letters.size;
</script>

</body>
</html>

Ha egyenlő elemeket ad hozzá, csak az első kerül mentésre:

Példa

letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Sets</h2>
<p>Adding equal elements to a Set:</p>

<p id="demo"></p>

<script>
// Create a Set
const letters = new Set();

// Add values to the Set
letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");

// Display set.size
document.getElementById("demo").innerHTML = letters.size;
</script>

</body>
</html>

A forEach() módszer

A forEach() metódus meghív (hív) egy függvényt minden Set elemhez:

Példa

// Create a Set
const letters = new Set(["a","b","c"]);

// List all Elements
let text = "";
letters.forEach (function(value) {
  text += value;
})

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Sets</h2>
<p>forEach() calls a function for each element:</p>

<p id="demo"></p>

<script>
// Create a Set
const letters = new Set(["a","b","c"]);

// List all Elements
let text = "";
letters.forEach (function(value) {
  text += value + "<br>";
})

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

A values() módszer

A values() metódus egy új iterátor objektumot ad vissza, amely tartalmazza a készlet összes értékét:

Példa

letters.values()   // Returns [object Set Iterator]

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Sets</h2>
<p>Set.values() returns a Set Iterator:</p>

<p id="demo"></p>

<script>
// Create a Set
const letters = new Set(["a","b","c"]);

// Display set.size
document.getElementById("demo").innerHTML = letters.values();
</script>

</body>
</html>

Most már használhatja az Iterator objektumot az elemek eléréséhez:

Példa

// List all Elements
let text = "";
for (const x of letters.values()) {
  text += x;
}

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Sets</h2>
<p>Iterating Set values:</p>

<p id="demo"></p>

<script>
// Create a Set
const letters = new Set(["a","b","c"]);

// List all Elements
let text = "";
for (const x of letters.values()) {
  text += x + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>