JavaScript'te Yineleyicilere ve Oluşturuculara Giriş

2015'ten bu yana EcmaScript6 (ES6), JavaScript kodlama uygulamalarında birçok gelişme sağladı. JavaScript'e çok sayıda modern kavram tanıtıldı ve bu da kodlama deneyimini büyük ölçüde geliştirdi. Bu makalede, JavaScript'teki yineleyiciler ve oluşturucular hakkında bilgi edineceksiniz.

Yineleyiciler ve oluşturucular iki farklı kavramdır, ancak benzer şekillerde kullanılırlar. JavaScript'te diziler ve nesneler arasında yineleme yapmak için kullanılırlar.

yineleyiciler

Yineleyiciler, duraklatılabilen gelişmiş döngüler gibidir. Yineleyiciler şunlardan oluşur: sonraki() değeri ve bitmiş durumu döndüren işlev. NS değer alan, belirli bir dizindeki dizideki değerdir. tamamlamak döngü boyunca yineleme için tamamlanma durumunu döndüren boole değeridir.

İşte yineleyicilerin nasıl olduğunu gösteren bir örnek:

function meyveIter (meyveler){
dizin = 0 olsun;
dönüş {
sonraki: function(){
dönüş indeksi < meyve.uzunluk? { değer: meyveler[index++], bitti: false }: {done: true}
}
}
}
const meyvelerArray = ["Mango", "Muz", "Üzüm"];





instagram viewer


const meyveler = meyveIter (meyvelerArray);
konsol.log (meyveler.next().value);

Çıktı:

Mango

geçtiğinde meyvelerArray dizideki meyveIter() yönteminde depolanan bir yineleyici döndürür. meyveler değişken. NS dizin değişken meyveIter() yöntem 0 olarak başlatılır. Bu yöntem, sonraki() yardımcı olan işlev dizi boyunca döngü. NS sonraki() işlev, dizinin şundan küçük olup olmadığını kontrol eder. meyvelerArray uzunluk. Eğer öyleyse, iki değişken döndürür: o dizindeki meyve adı ve tamamlamak durum. Bu değerleri döndürürken indeks değerini de arttırır.

Bu yöntemin nasıl çalıştığını kontrol etmek ve meyve adını yazdırmak için sonraki() üzerinde işlev meyveler yineleyici ve değerine erişin.

İlgili: Programlamada Fonksiyon Nedir?

jeneratörler

Jeneratörler, Yineleyicilere benzer, ancak birden çok değer döndürürler. Bu değerlere verim değerleri denir. Jeneratör fonksiyonları kullanılarak yazılır. işlev* sözdizimi. * normal bir fonksiyon değil, bir jeneratör olduğunu belirtir. İşte bir jeneratör örneği:

işlev* printFruits(){
"Mango" verimi;
verim "Muz";
"Üzüm" verimi;
}
const meyve = printFruits();
konsol.log (meyve.next()); 

Çıktı:

{değer: 'Mango', tamamlandı: yanlış}

Bu örnekte, teslim olmak yineleyicidir. Fonksiyonu çağırdığınızda printMeyveler()ve yazdır meyve.sonraki(), size değeri aldığınız bir nesne verir. NS tamamlamak durum, tüm değerlerin yinelenip tekrarlanmadığını belirtir.

JavaScript'te ES6 Sınıflarını Kullanarak Veri Yapılarını Öğrenin

JavaScript ES6, kodlama uygulamalarında çok ilerleme sağladı. En az değil, ES6 sınıflarını kullanarak veri yapıları oluşturmak. İtmek. pop ve zirveye çıkın ve bir JavaScript uzmanı olun!

JavaScript ES6 Sınıfları ile Veri Yapıları Nasıl Oluşturulur

JavaScript ES6'nın tanıtılmasıyla birlikte özel veri yapıları geldi. Bunları nasıl oluşturacağınız ve uygulayacağınız aşağıda açıklanmıştır.

Sonrakini Oku

Yazar hakkında