JavaScript Setleri

İçindekiler

    İçindekiler tablosunu göster

Bir JavaScript Seti benzersiz değerlerin bir koleksiyonudur.

Her değer bir Kümede yalnızca bir kez oluşabilir.

Temel Set Yöntemleri

new Set()

Yeni bir Set oluşturur

add()

Kümeye yeni bir öğe ekler

delete()

Bir Kümeden bir öğeyi kaldırır

has()

Kümede bir değer mevcutsa true değerini döndürür

forEach()

Kümedeki her öğe için bir geri arama başlatır

values()

Bir Kümedeki tüm değerleri içeren bir yineleyici döndürür

size

Bir Kümedeki öğelerin sayısını döndürür

Set Nasıl Oluşturulur

Aşağıdakileri yaparak bir JavaScript Seti oluşturabilirsiniz:

  • Bir Diziyi new Set()'a geçirme

  • Yeni bir Küme oluşturun ve değer eklemek için add() komutunu kullanın

  • Yeni bir Küme oluşturun ve değişkenleri eklemek için add() komutunu kullanın

yeni Set() Yöntemi

new Set() yapıcısına bir Dizi iletin:

Örnek

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

Kendiniz Deneyin →

<!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>

Bir Küme oluşturun ve değerler ekleyin:

Örnek

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

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

Kendiniz Deneyin →

<!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>

Bir Küme oluşturun ve değişkenler ekleyin:

Örnek

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

Kendiniz Deneyin →

<!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>

add() Yöntemi

Örnek

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

Kendiniz Deneyin →

<!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>

Eşit öğeler eklerseniz yalnızca ilki kaydedilecektir:

Örnek

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

Kendiniz Deneyin →

<!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>

forEach() Yöntemi

forEach() yöntemi, her Set öğesi için bir işlevi çağırır (çağırır):

Örnek

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

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

Kendiniz Deneyin →

<!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>

values() Yöntemi

values() yöntemi, bir Kümedeki tüm değerleri içeren yeni bir yineleyici nesnesi döndürür:

Örnek

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

Kendiniz Deneyin →

<!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>

Artık öğelere erişmek için Iterator nesnesini kullanabilirsiniz:

Örnek

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

Kendiniz Deneyin →

<!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>