Kasvetli bir pazartesi ve siz iştesiniz. Pazartesi günlerinin ne kadar bunaltıcı olabileceğini hepimiz biliyoruz, değil mi? Patronunuz size yaklaşıyor ve şöyle diyor: "Hey, hafta sonu boyunca aldığımız 300 açılmamış e-posta var. Her birini açmanızı, gönderenin adını yazmanızı ve işiniz bittiğinde e-postaları silmenizi istiyorum." Bu görevi manuel olarak yapmaya çalışırsanız çok yorucu görünüyor. Aklınıza gelen bir sonraki şey muhtemelen Google'a girip bu süreci otomatikleştirecek ve hayatınızı kolaylaştıracak bir yazılım aramaktır, değil mi? Programlamada da benzer durumlarımız var. Tekrarlanan görevleri tamamlanana kadar gerçekleştirmeniz gereken zamanlar vardır. Bu sorunu nasıl çözersiniz? JavaScript'te döngüler dediğimiz şeylere sahibiz. Döngüler, görevi tamamlamak için gereken kod miktarını azaltarak tekrarlanan görevleri çözmemize olanak tanır. Bu makalede döngünün ne olduğunu, nasıl çalıştığını ve onu programlarımıza uygulamak için kullanabileceğimiz çeşitli yöntemleri tartışacağız. Döngü Nedir? Döngüler, JavaScript'te tekrarlanan eylemleri kolayca gerçekleştirmek için kullanılır. Doğru veya yanlış döndüren bir koşula dayanırlar. Koşul, bir döngünün çalışmaya devam etmesi için iletilmesi gereken bir ifadedir. Belirtilen koşullar doğru bir değer döndürdüğünde döngü çalışır ve yanlış bir değer döndürdüğünde durur. Ne Zaman Döngü Kullanmanız Gerekir? Döngüler tekrarlanan görevleri gerçekleştirmek için kullanışlıdır. Örneğin döngü kullanmak, bir sorunu çözmek için gereken kodu kısaltır. Zamandan tasarruf sağlar, bellek kullanımını optimize eder ve esnekliği artırır. Bir döngünün gerçek önemi, kod uzunluğunu kısaltmanın ve tekrarı sınırlamanın ötesine uzanır. Ayrıca bir dizi, nesne veya diğer yapılardaki verilerle çalışırken de yardımcı olurlar. Üstelik döngüler, tekrarlanan kodu azaltarak ve kodun yeniden kullanılabilirliğini artırarak kod modülerliğini destekler; bu da projenizin farklı bölümlerinde kullanılabilecek kodlar oluşturmayı mümkün kılar. Döngü Türleri Döngülerin iki ana kategorisi vardır: giriş kontrollü döngüler ve çıkış kontrollü döngüler. döngüler, döngünün gövdesini çalıştırmadan önce "döngü girişindeki" durumu değerlendirir. Koşul doğruysa vücut çalışır. Aksi halde vücut çalışmaz. ve döngüleri giriş kontrollü döngülere örnektir. Giriş kontrollü for while döngüler, test koşulu boyunca döngünün gövdesine odaklanır ve test koşulu değerlendirilmeden önce döngü gövdesinin en az bir kez çalıştırılmasını sağlar. Çıkış kontrollü döngüye iyi bir örnek döngüsüdür. Çıkış kontrollü do-while Giriş kontrollü döngülerin bazı örneklerini inceleyelim: Döngü sırasında Bir döngüsü aşağıdaki sözdizimine sahiptir. while while (condition) { // loop's body } Aşağıdaki listede while döngüsünün işlevselliği açıklanmaktadır: döngüsü parantez içindeki bir test koşulunu alır. while Program koşulun geçip geçmediğini kontrol eder. Döngünün gövdesindeki kod, koşul iletildiği sürece yürütülür. Test koşulu başarısız olduğunda program çalışmasını sonlandırır. Aşağıda while pratik bir örneğini ele alalım: while let arr = []; let i = 1; let number = 5; while (i <= number) { arr.push(i) i++ } console.log(arr) Yukarıdaki kod parçacığı "arr", "i" ve "num" değişkenlerini başlatır. " değişkeni, test koşulunu geçen değerleri tutan bir dizidir. arr" "i" değişkeni, her yinelemeden sonraki her artışın kaydını tutar. "Sayı" değişkeni, her yinelemeden sonra "i" değerini değeriyle (5) karşılaştırır. Döngünün gövdesindeki kod, "i" "sayı"dan küçük veya ona eşit olduğu sürece her yinelemeden sonra "i"nin her değerini diziye iter. "i"nin mevcut değeri koşulu sağlayamadığında, nin değerinin 6 olan dan büyük olduğu bu durumda döngünün çalışması durur. "i" "sayı" yöntemi, bir dizinin sonuna yeni bir öğe ekleyen yerleşik bir JavaScript işlevidir. push() Çıktı [1, 2, 3, 4, 5] do-while döngüsü Bir döngüsü, while döngüsüne çok benzer; ile döngüsü arasındaki temel fark döngüsünün, döngünün durumunu değerlendirmeden önce en az bir kez kod yürütülmesini sağlamasıdır; döngüsü aşağıdaki sözdizimine sahiptir. do-while while do-while do-while do-while do { // loop's body } while (//condition) çıkış kontrollü döngünün mükemmel bir örneğidir. Bunun nedeni, çıkış kontrollü döngülerin test koşulundan önce döngünün gövdesine vermesidir. Şimdi döngüsünü kullanan pratik bir kod örneğine bakalım. do-while öncelik do-while Örnek: let i = 1; let num = 5; do { console.log(i); i++; } while (i <= num); Şimdi bu kod parçasını parçalayalım: "i" ve "num" değişkenlerini başlattık. Konsol, döngünün durumunu değerlendirmeden önce "i" (1) değerini kaydeder. Koşul kontrol edilir ve her yinelemeden sonra "i"nin değeri +1 artar. Döngü, "i" değeri "num" değerinden büyük olduğunda işlemi sonlandırır. Çıktı 1 2 3 4 5 Her ne kadar döngüsü döngüsüne çok benzese de, dikkat etmemiz gereken ince farklar vardır; ve döngüsü arasındaki farkı karşılaştıran başka bir örneği ele alalım. do-while while while do-while let i = 5; let num = 4 while( i < num) { console.log(i) } Yukarıdaki döngüsü konsola herhangi bir sonuç döndürmez; şimdi bu neden böyle? while "i" ve "num" değişkenlerini sırasıyla 5 ve 4 değerleriyle başlattık. Koşul, "i" değerinin "num"dan küçük olup olmadığını kontrol eder. Doğruysa, ilgili her değerde günlüğe kaydedilir. "i"nin başlangıç değeri "num"unkini aştığı için döngü asla çalışmaz. Şimdi döngüsüyle benzer bir örnek ele alalım. do-while let i = 5; let num = 4; do { console.log(i) } while ( i < num) Çıktı 5 döngüsü, konsola 5 değerini döndüren kod bloğunun yürütülmesini sağlar, ancak "i" başlangıçta "num"dan daha yüksek bir değere sahip olsa da yine de konsolda bir kez oturum açılmıştır. Bu gösterim size ve döngüsü arasındaki işlevsellik farkını gösterir. do-while do-while while Döngü için benzersiz bir döngü türüdür ve programcılar tarafından en sık kullanılan döngülerden biridir; bir koşula bağlı olarak bir kod bloğunu belirli sayıda çalıştıran bir döngüdür. For döngüsü aşağıdaki sözdizimine sahiptir. for loop for loop for (Expression1...; Expression2....; Expression3...{ //code block } İfade 1: bu kısmı aynı zamanda alanı olarak da bilinir; başlangıcı ve sayaç değişkeninin tanımlandığı alandır. Sayaç değişkeni, döngünün kaç kez çalıştığını izlemek ve bunu bir değer olarak saklamak için kullanılır. for loop başlatma for loop İfade 2: Bu döngünün ikinci kısmıdır; bu bölüm döngüyü yürütecek ifadeyi tanımlar. koşullu İfade 3: Döngünün bittiği yer burasıdır; bu bölümdeki sayaç değişkeni, her yinelemeden sonra değeri koşulda belirtildiği şekilde artırarak veya azaltarak değerini günceller. For döngüsünü kullanarak bir örneğe bakalım. for (let i = 0; i < 100; i++) { console.log("Hello World" ) } Yukarıdaki kod parçacığını birlikte parçalayalım. Öncelikle " sayaç değişkenini sıfır değeriyle başlattık. i" Daha sonra kodun çalışır durumda kalmasını sağlayacak koşullu ifadeyi oluşturduk. "i" değerini 100 ile karşılaştırdık; bu testi geçerse "Merhaba Dünya" günlüğe kaydedilir. Bu işlem, her yinelemeden sonra sayaç +1 oranında artarken tekrarlanır. Sayacın değeri 100'e ulaştığında döngü sona erer. Çıktı Hello World Hello World Hello World ... //repeated 97 more times making it 100 "Hello World" in total ... her döngü için döngüsü, JavaScript'te bir dizi boyunca dolaşan ve o dizideki her öğeye bir geri çağırma işlevi uygulayan bir yöntemdir; geri çağırma işlevi, bir işleve parametre olarak iletilen başka bir işlevdir. Geri çağırma işlevi, ana işlevin yürütülmesi tamamlandıktan sonra sırayla çalıştırılarak çalışır. for-each döngüsünün temel sözdizimini inceleyelim. for-each array.forEach(function(currentValue, index, arr)) Yukarıda verilen kod döngüsünün çalışmasını açıklamaktadır. for-each Bu döngü, geçerli değer, bir dizin ve bir dizi olmak üzere üç parametreyi kabul eder. Geçerli değer, dizideki öğenin mevcut değerini temsil eder. İndeks, o dizideki geçerli öğenin numaralandırılmış konumunu size bildiren isteğe bağlı bir parametredir. arr, öğenin hangi diziye ait olduğunu söyleyen isteğe bağlı başka bir parametredir. let myArray = [1, 2, 3, 4, 5]; array.forEach((num, index, arr) => { arr[index] = num * 2; console.log(array); }); Yukarıdaki örneği parçalayalım: "myArray" değişken adında bir dizi başlattık ve onu 1'den 5'e kadar tamsayılarla sakladık. array yöntemi üç parametre alır ve diziye bir geri çağırma işlevi uygular. for-each Bu hat; geçerli öğenin değerini 2 ile çarpar ve döndürülen değeri geçerli öğenin dizinine atar. arr[index] = num * 2 Dikkat edin: array yöntemi yeni bir dizi döndürmez; bunun yerine orijinal diziyi değiştirir ve onu döndürür. for-each Çıktı [2, 4, 6, 8, 10] JavaScript'teki Döngüler Ne İçindir ve Ne İçindir? Tekrarlanabilir nesneler üzerinde yineleme söz konusu olduğunda ve döngüleri çok kullanışlıdır; yinelenebilir nesneler, üzerinde döngü yapılabilen herhangi bir öğeyi ifade eder; yinelenebilir nesnelerin yaygın örnekleri diziler, dizeler, kümeler vb.'dir. for... in for... of ve nesneleri yineleme/hareket etme biçimleri bakımından benzerdir; aralarındaki temel fark, değerleri nasıl döndürdüklerinde gösterilir. for... in for... of için... Döngülerde Bir döngüsü, bir nesneden anahtar(lar)ı/özellikleri ve ona karşılık gelen özellikleri ana nesneden çıkarmanız gerektiğinde kullanışlıdır. döngüsü zaman zaman bir nesneyi, söz konusu nesnede tanımlandığı şekilden farklı bir şekilde yineleyebilir; hadi eylem halindeki döngüsünün bir örneğini ele alalım. for... in for... in for... in let namesArray = []; const studentScores = { John: 60, Dan: 53, Tricia: 73, Jamal: 45, Jane: 52 } for(const name in studentScores){ namesArray.push(name); } console.log(namesArray); Yukarıdaki örnekte, çeşitli öğrenci adlarını ve bunlara karşılık gelen puanları içeren adında bir nesne tanımladık. kullanarak, yalnızca nesnesinin temsil eden öğrencilerin adlarını alabildik ve yöntemini kullanarak bunları bir dizide saklayabildik. studentScores for... in studentScores anahtarlarını push() Çıktı ["John", "Dan", "Tricia", "Jamal", "Jane"] Döngüler için... döngüsü, diziler, dizeler, haritalar vb. gibi yinelenebilir nesnelerin değerleri üzerinde yinelenen özel bir döngü türüdür; döngüleri, bir nesnenin anahtarları veya özellikleriyle ilgilenmez. bunun yerine yalnızca değerlere göre öncelikleri gösterirler. for... of for... of döngüsü normal nesneler üzerinde yineleme yapamaz ve yinelenemedikleri için hata verir. döngüsünü kullanarak bir örnek alalım. for... of for.. of let numArray = [1,2,3,4,5] for (const value of numArray) { console.log(value) } // Output = 1,2,3,4,5 Özetle, ve döngüleri yinelenebilir nesneler arasında döngü yapmanın harika bir yoludur; temel fark, döngüsünün bir Nesnenin anahtarını döndürmesi, döngüsünün ise yalnızca yinelenebilir nesnelerin değerlerini döndürmesidir. for... in for... of for... in for... of Sonsuz Döngü Nedir ve Bundan Nasıl Kaçınabiliriz? Sonsuz döngü, süresiz olarak çalışmaya devam eden bir döngüyü ifade eder; bu, bir döngünün tanımlı bir çıkış koşulu olmadığında meydana gelir. Sonsuz döngüler tehlikelidir çünkü tarayıcınızı çökertebilir ve programınızda istenmeyen eylemlere yol açabilirler. // infinite loop sample while (true) { console.log("keep on running") } Programınızda sonsuz döngüleri önlemek için her zaman döngünüzde tanımlanmış bir çıkış koşulunun olduğundan emin olun. Çözüm Bu makalenin sonuna geldiğiniz için çok teşekkür ederiz. Javascript'teki döngüler, iyi ve optimize edilebilir bir program oluşturmak için çok değerli olduğundan, her geliştiricinin uzmanlaşması gereken önemli bir kavramdır. Bu makaleyle programınızda döngü kullanmanın temellerini ve inceliklerini anlayabileceğinize inanıyorum.
