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

[Replicant]

ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!

​

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 Set Nasıl Oluşturulur​

Yeni Set() yapıcısını kullanarak yeni bir Set nesnesi oluşturabilirsiniz . 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]);
console.log(setObj);

Çıktı:

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

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

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

Çıktı:

Set(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]);
console.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, "Hello", [45, 67, 78]]);
console.log(setObj);

Çıktı:

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

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

Add() yöntemini kullanarak Set nesnesinin sonuna yeni bir öğe ekleyebilirsiniz . 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 = new Set();
setObj.add("Welcome");
setObj.add("to");
setObj.add("MUO");
console.log(setObj);

Çıktı:

Set(3) { 'Welcome', 'to', 'MUO' }

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

const setObj = new Set();
// Appending value to a Set object
setObj.add("Welcome");
const var1 = "to";
const var2 = "MUO";
// Appending variable to a Set object
setObj.add(var1);
setObj.add(var2);
console.log(setObj);

Çıktı:

Set(3) { 'Welcome', 'to', 'MUO' }

add() yöntemi ayrıca zincirleme destekler.

const setObj = new Set();
// Chaining
setObj.add(1).add(2).add(3);
console.log(setObj);

Çıktı:

Set(3) { 1, 2, 3 }

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

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

Çıktı:

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

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

clear() yöntemini kullanarak bir Set nesnesindeki tüm öğeleri kaldırabilirsiniz . Bu yöntem tüm öğeleri kaldırır ve undefined değerini döndürür.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Size of the Set object: " + setObj.size);
console.log(setObj);
setObj.clear();
console.log("Size of the Set object after clearing elements: " + setObj.size);
console.log(setObj);

Çıktı:

Size of the Set object: 5
Set(5) { 1, 2, 3, 4, 5 }
Size of the Set object after clearing elements: 0
Set(0) {}

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

Bir Set nesnesinden (varsa) belirli bir öğeyi delete() yöntemini kullanarak silebilirsiniz . Bu yöntem, Set'ten silinecek değeri kabul eder. Değer bulunursa, yöntem true değerini döndürür . Aksi takdirde, yanlış olacaktır.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Initial Set:");
console.log(setObj);
setObj.delete(3);
console.log("Set after deleting 3");
console.log(setObj);

Çıktı:

Initial Set:
Set(5) { 1, 2, 3, 4, 5 }
Set after deleting 3
Set(4) { 1, 2, 4, 5 }

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

has() yöntemini kullanarak bir Set nesnesinde bir öğenin olup olmadığını kontrol edebilirsiniz . Bu yöntem, değeri Set nesnesindeki varlığı test etmek için bir parametre olarak kabul eder. Öğe bulunursa, yöntem true değerini döndürür ; aksi takdirde yanlış olur.

const setObj = new Set(["Welcome", "to", "MUO"]);
console.log(setObj.has("MUO"));
console.log(setObj.has("MakeUseOf"));

Çıktı:

true
false

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

Resmi MDN Web Dokümanlarına göre :

" Entry() yöntemi , Set nesnesindeki her öğe için ekleme sırasında [değer, değer] dizisini içeren yeni bir Yineleyici nesnesi döndürür . Set nesneleri için, Harita nesnelerindeki gibi bir anahtar yoktur. Ancak, API, Map nesnesine benzer, her giriş, burada anahtarı ve 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(["Welcome", "to", "MUO"]);
for(let entry of setObj.entries()) {
console.log(entry);
}

Çıktı:

[ 'Welcome', 'Welcome' ]
[ 'to', 'to' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Welcome", "to", "MUO"]);
for(let [key, value] of setObj.entries()) {
console.log(value);
}

Çıktı:

Welcome
to
MUO

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

const setObj = new Set(["Welcome", "to", "MUO"]);
for(let [key, value] of setObj.entries()) {
console.log(key === value);
}

Çıktı:

true
true
true

7. JavaScript Küme Nesnesindeki forEach() Yöntemi nedir?​

ForEach () metodu Set nesnesinin her bir elemanı için bir fonksiyon çağırmaktadır. Bu yöntem tanımsız döndürür.

const setObj = new Set([1, 2, 3, 4, 5]);
let sum = 0;
setObj.forEach(function(element) {
sum += element;
});
console.log(sum);

Çıktı:

15

8. JavaScript Set Object içindeki değerler() Yöntemi nedir?​

values() metodu döner bir Yineleyici bir Seti içindeki tüm değerleri içerir ve bu ekleme amacıyla yapar nesne.

const setObj = new Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (let value of iteratorObj) {
console.log(value);
}

Çıktı:

1
2
3
4
5

Not : JavaScript'teki bir Set nesnesinin anahtarı yoktur. Ancak, Kümeleri Haritalar ile uyumlu hale getirmek için, values() yönteminin diğer adı olarak keys() yöntemi kullanılır. keys() ile tam olarak aynı yöntem davranır values() yöntemi.

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.

 

[DumanInc]

Paylaşım için teşekkurler

 

[ByESiNTi]

Eline Sağlık,Paylaşım için Teşekkürler.

 

[Replicant]

Paylaşım için teşekkurler

Eline Sağlık,Paylaşım için Teşekkürler.

Rica ederim.

 

[MamiVEVO]

Paylaşım İçin teşekkürler,Ellerine sağlık.