Bugün Ustalaşmanız Gereken 8 JavaScript Set Yöntemi

JavaScript Seti, benzersiz bir değerler topluluğudur.

Kümeler, herhangi bir veri türünün değerlerini tutabilir. Tamsayılar veya dizeler gibi basit ilkeller veya diziler veya nesne değişmezleri gibi karmaşık türler olabilir. Set içindeki değerler yalnızca bir kez oluşabilir.

Bu makalede, bugün ustalaşmanız gereken sekiz JavaScript Set yöntemini öğreneceksiniz.

1. JavaScript'te Yeni Bir Küme Nasıl Oluşturulur

kullanarak yeni bir Set nesnesi oluşturabilirsiniz. yeniAyarlamak() yapıcı. Set nesnesi, herhangi bir veri türünün benzersiz değerlerini depolar. Bu yapıcı, yinelenebilir bir nesneyi parametre olarak kabul eder.

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

Çıktı:

Set (5) { 21, 34, 35, 56, 23 }

Parametrede hiçbir şey belirtmezseniz yeni bir boş Küme oluşturulur.

const setObj = yeni Set();
konsol.log (setObj);

Çıktı:

Ayarla (0) {}

Yinelenen öğeler içeren bir Set oluşturmaya çalışırsanız, yinelenen öğeler kaldırılır ve benzersiz bir Set döndürülür.

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

Çıktı:

Set (3) { 1, 2, 3 }

Karışık veri türlerini kullanarak bir Küme de oluşturabilirsiniz.

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

Çıktı:

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

2. Bir Set Nesnesine Yeni Öğeler Nasıl Eklenir

kullanarak Set nesnesinin sonuna yeni bir öğe ekleyebilirsiniz. Ekle() yöntem. Bu yöntem, Set nesnesine eklenecek öğenin değerini parametre olarak kabul eder ve katma değeri olan yeni Set nesnesini döndürür.

const setObj = yeni Set();
setObj.add("Hoş Geldiniz");
setObj.add("to");
setObj.add("MUO");
konsol.log (setObj);

Çıktı:

Set (3) { 'Hoş Geldiniz', 'için', 'MUO' }

Değeri doğrudan parametre olarak iletebilir veya bunun yerine değişkeni bir olarak iletebilirsiniz.

const setObj = yeni Set();
// Set nesnesine değer ekleme
setObj.add("Hoş Geldiniz");
const var1 = "to";
const var2 = "MUO";
// Set nesnesine değişken ekleme
setObj.add (var1);
setObj.add (var2);
konsol.log (setObj);

Çıktı:

Set (3) { 'Hoş Geldiniz', 'için', 'MUO' }

NS Ekle() yöntem ayrıca zincirlemeyi de destekler.

const setObj = yeni Set();
// Zincirleme
setObj.add (1).add (2).add (3);
konsol.log (setObj);

Çıktı:

Set (3) { 1, 2, 3 }

Yinelenen öğeleri eklemeye çalışırsanız, öğenin yalnızca ilk örneği kaydedilir.

const setObj = yeni 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);
konsol.log (setObj);

Çıktı:

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

3. Bir Küme Nesnesinden Tüm Öğeler Nasıl Kaldırılır

kullanarak bir Set nesnesinden tüm öğeleri kaldırabilirsiniz. açık() yöntem. Bu yöntem tüm öğeleri kaldırır ve döndürür Tanımsız.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Set nesnesinin boyutu: " + setObj.size);
konsol.log (setObj);
setObj.clear();
console.log("Elementleri temizledikten sonra Set nesnesinin boyutu: " + setObj.size);
konsol.log (setObj);

Çıktı:

Set nesnesinin boyutu: 5
Set (5) { 1, 2, 3, 4, 5 }
Öğeleri temizledikten sonra Set nesnesinin boyutu: 0
Ayarla (0) {}

İlgili: Bugün Ustalaşmanız Gereken JavaScript String Yöntemleri

4. Bir Küme Nesnesinden Belirli Bir Öğe Nasıl Silinir

Set nesnesinden (varsa) belirli bir öğeyi şu komutu kullanarak silebilirsiniz: silmek() yöntem. Bu yöntem, Set'ten silinecek değeri kabul eder. Değer bulunursa, yöntem döner NS. Aksi takdirde, olacak YANLIŞ.

const setObj = new Set([1, 2, 3, 4, 5]);
konsol.log("İlk Set:");
konsol.log (setObj);
setObj.delete (3);
konsol.log("3 sildikten sonra ayarlayın");
konsol.log (setObj);

Çıktı:

Başlangıç ​​Seti:
Set (5) { 1, 2, 3, 4, 5 }
3 sildikten sonra ayarla
Set (4) { 1, 2, 4, 5 }

5. Bir Sette Bir Elemanın Olup Olmadığı Nasıl Kontrol Edilir

kullanarak bir Set nesnesinde bir öğenin var olup olmadığını kontrol edebilirsiniz. vardır() yöntem. Bu yöntem, değeri Set nesnesindeki varlığı test etmek için bir parametre olarak kabul eder. Öğe bulunursa, yöntem döner NS; aksi halde olacak YANLIŞ.

const setObj = new Set(["Hoş Geldiniz", "için", "MUO"]);
konsol.log (setObj.has("MUO"));
konsol.log (setObj.has("MakeUseOf"));

Çıktı:

NS
YANLIŞ

6. JavaScript Set Object içindeki entrys() Yöntemi nedir?

Yetkiliye göre MDN Web Belgeleri:

"NS girdileri() yöntem, içeren yeni bir Yineleyici nesnesi döndürür [değer, değer] dizisi Set nesnesindeki her öğe için ekleme sırasına göre. Set nesneleri için, Map nesnelerindeki gibi bir anahtar yoktur. Ancak, API'yi Map nesnesine benzer tutmak için, her girişin anahtarı ve buradaki değeri için aynı değere sahiptir, böylece bir dizi [değer, değer] döndürülür."

const setObj = new Set(["Hoş Geldiniz", "için", "MUO"]);
for (setObj.entries() girişine izin verin) {
konsol.log (giriş);
}

Çıktı:

[ 'Hoşgeldin hoşgeldin' ]
[ 'ila', 'ila']
['MUO', 'MUO']

const setObj = new Set(["Hoş Geldiniz", "için", "MUO"]);
for (let [anahtar, değer] setObj.entries()) {
konsol.log (değer);
}

Çıktı:

Hoş geldin
ile
MUO

Set içindeki tuşlar ve değerler aynıdır.

const setObj = new Set(["Hoş Geldiniz", "için", "MUO"]);
for (let [anahtar, değer] setObj.entries()) {
konsol.log (anahtar değeri);
}

Çıktı:

NS
NS
NS

İlgili: JavaScript'te Döngüler Nasıl Kullanılır

7. JavaScript Set Nesnesindeki forEach() Yöntemi nedir?

NS her biri için() yöntemi, Set nesnesinin her öğesi için bir işlev çağırır. Bu yöntem döner Tanımsız.

const setObj = new Set([1, 2, 3, 4, 5]);
toplam = 0 olsun;
setObj.forEach (işlev (eleman) {
toplam += eleman;
});
konsol.log (toplam);

Çıktı:

15

8. JavaScript Set Object içindeki value() Yöntemi nedir?

NS değerler() yöntem bir döndürür yineleyici bir Küme içindeki tüm değerleri içeren nesnedir ve bunu ekleme sırasına göre yapar.

const setObj = new Set([1, 2, 3, 4, 5]);
const yineleyiciObj = setObj.values();
for (iteratorObj'nin değeri olsun) {
konsol.log (değer);
}

Çıktı:

1
2
3
4
5

İlgili: JavaScript'te Yineleyicilere ve Oluşturuculara Giriş

Not: JavaScript'teki bir Set nesnesinin anahtarı yoktur. Ancak, Setleri Haritalar ile uyumlu hale getirmek için anahtarlar() yöntem için bir takma ad olarak kullanılır değerler() yöntem. NS anahtarlar() yöntem ile tam olarak aynı şekilde davranır. değerler() yöntem.

Artık JavaScript'te Nasıl Set Oluşturulacağını Biliyorsunuz

Yani, işte buradasın. Bu makaleyi okuduktan sonra, JavaScript'te Kümeler oluşturmada ustalaşmanıza yardımcı olacak pek çok şeye sahip olmalısınız.

Setler oluşturmak, oyunlarını geliştirmek isteyen herhangi bir programcı için çok önemlidir. Bunda ustalaştıktan sonra, Diziler oluşturmak gibi diğer becerileri mükemmelleştirmeye geçebilirsiniz.

Bugün Ustalaşmanız Gereken 15 JavaScript Dizi Yöntemi

JavaScript dizilerini anlamak istiyor ancak bunlarla başa çıkamıyor musunuz? Rehberlik için JavaScript dizisi örneklerimize bakın.

Sonrakini Oku

Yazar hakkında