Javascript Döngü Kullanımı
Hepinize merhaba dostlarım :). Bu yazımda daha önce PHP üzerinde gösterdiğim döngüler konusuna javascript programlama dilinde de değinmek istedim :). PHP deki döngüler yazımı okuyan dostlarım az çok konuya aşinadır. Bu yazıma gelen dostlarımın da heyecanını şahit oluyorum :). Sözü daha fazla uzatmadan gelin döngü nedir ve javascriptte döngü nasıl kullanılır ona bir bakalım :). Yalnız konuya girmeden önce php üzerinde döngü kullanımı ile ilgili yazıma
https://mfsoftware.net/yazi/php-dongu-kullanimi
linkinden ulaşabilirsiniz dostlarım. Tamam sözü daha fazla uzatmayacağım konuay giriyorum :).
Döngü Nedir ?
Dostlarım teorik bir anlatıma gerek duymadan size olayın mantığını gündelik hayat üzeriden vermek istiyorum. Çünkü böyle bir anlatımın daha kalıcı olacağını ve hızlı bir şekilde hatırlanacağının kanaatindeyim :). Dostlarım döngüler bizim aynı işi birden fazla kez tekrarlayacağımız zamanlarda yardımımıza koşan yapılardır. Mesela örnek vermek gerekirse ekrana 10 defa mfsoftware yazdıracağız diyelim. Bunu tek tek yazarız hadi tamam ama bu 100-200 tane olsa her seferinde bu şekilde yazıp mı duracağız ? Veya bir veri tabanında kişiler listemiz var diyelim. Bunları dizi olarak çektik ve her kullanıcı için tek tek dizilerin indisini satır satır mı yazacağız ? Hayır dostlarım. Bir programcı asla ama asla bu hataya düşmez. Yazar döngüsünü işi programa bırakır :). Döngülerin mantığını anlamışsanız dostlarım gelin javascript programlama dilinde döngülerin kaça ayrıldığına bir göz atalım :). Dostlarım javascript dilinde döngüler 3 e ayrılır. Bunlar:
- For Döngüsü
- While Döngüsü
- Do-While Döngüsü
olarak 3 e ayrılır dostlarım :). Gelin sözümüzü daha fazla uzatmadan for döngüsü ile konumuza başlayalım
1-) For Döngüsü
Dostlarım for döngüsü içerisine belirttiğimiz koşul sayesinde çalışır. Örnek vermek gerekirse 1 den 10 a kadar olan sayıların toplamını hesaplattıracağımız durum olsun. Bu döngü bizim işimize yarayacaktır dostlarım. For döngüsü çalışmak için 3 parametre alır. Bunlar:
- Parametre: Döngü kaçtan başlayacak
- Parametre: Döngü kaçta sonlanacak
- Parametre: Döngü kaç kaç artacak
şeklinde parametreler tanımlanarak for döngüsü tanımlanabilir. Gelin sizlerle beraber 1 den 10 a kadar olan sayıların toplamını for döngüsü kullanarak yazdıralım
<script>
var toplam = 0; // değişkken oluştrduk
for(var i=1; i<=10; i++){
// 1 den 10 a kadar (10 dahil) dönmesini istedik
toplam = toplam + i; // gelen her değeri toplattık
}
alert(toplam); // sonucu ekrana bastırdık
// Ekran Çıktısı: 55
</script>şeklinde kodumuzu yazdık dostlarım. Yazdığımız kod 1 den başlayıp teker teker 10 a kadar sayılarımızı toplayacak. Ve ekranımıza sonucu yani 55 i yazacaktır :). For döngüsü anlaşıldıysa dostlarım gelelim diğer döngümüz olan while döngümüze :)
2-) While Döngüsü
Dostlarım diğer bir döngümüz olan ve pure php de özellikle veri tabanından veri çekme işlemlerinde sıklıkla kullanılan while methodumuz içerisindeki koşul sağlandığı sürece devam eder. For döngüsünden farkı bunun tek bir parametre almasıdır. O şart doğru ise while döngüsünün içerisindeki kodlar çalışır dostlarım. Dediğim gibi 1 parametre alır. Bu parametre ise şudur
- Parametre: Sağlanacak Koşul
şeklindedir dostlarım. Gelin sizlerle beraber while döngüsüne de bir örnek yapalım. Örneğimiz ise 1 den 20 ye kadar olan sayılar içerisinde (20 dahil) çift sayıların toplanması işlemini gerçekleştirelim
<script>
var toplam = 0; // değişkken oluştrduk
var i = 1; // döngü başlangıcı
while(i<=20){
// döngü başlangıcı 20 den küçük mü ?
if(i%2==0){
// döngünün o anki sayısı çift mi
toplam+=i; // çift ise toplam değişkenine döngü sayısını ekle
}
i++; // döngü sayısını 1 arttır
}
alert(toplam); // toplamı ekrana bas
// Ekran Çıktısı: 110
</script>şeklinde kodumuzu yazdık dostlarım. Kodlarımız aynı for işleminde olduğu gibi teker teker dönecektir. Burada kodun işleyişinden de bahsedeyim. 1 den başlayıp 20 ye kadar (20 dahil) teker teker devam ediyor. Döngünün o anki değeri çift sayı ise (i değeri) toplam değişkenine aktarıyor, değilse döngünün sayısını 1 artırıp tekrar kontrol ediyor. Ta ki döngü sayımız 21 olana kadar. Bu işlemleri tek tek yaptıktan sonra çift sayıların toplamı yani 110 sayısını ekrana bastırıyor dostlarım :). While döngüsü de anlaşıldığına göre gelelim diğer ve son döngümüz olan do-while döngümüze
3-) Do-While Döngüsü
Ve gelelim dostlarım en son döngümüz olan ve diğer döngülerimizden farklı olan do-while döngümüze :). Şimdi diyorsunuz ki diğer döngülerden farkı ne ?
Dostlarım diğer döngülerden farkı belki ilk defa duyacaksınız ama şart gerçekleşmese de 1 defa çalışıyor :). Gerçekleşse de 1 defa ekstra olarak çalışıyor. Yani uzun lafın kısası eninde sonunda 1 defa fazla çalışıyor :). Bu do-while döngüsünü normalde hiç kullanmadım bu güne kadar hiçbir projede. Gelin sizinle beraber ben de bu döngüyle ilk çalışmamı yapayım. Örneğimiz ise 1 den 10 a kadar olan sayıları ekranımıza bastırma işlemini yapsın. Gelin bunu hızlıca kodlayalım
<script>
var sayi = 1; // sayı oluşturalım
do{
console.log(sayi); // ekrana yazdırılacak (console)
sayi++; // sayıyı artıralım
}while(sayi<=10) // şart sağlanıyor mu kontrol edelim
/*
Ekran Çıktısı:
1
2
3
4
5
6
7
8
9
10
*/
</script>şeklinde kodumuzu yazalım dostlarım. Bu kod ise console ekranında 1 2 3 diye 10 a kadar yazaktır. Siz diyorsunuz hani ekstra bir tane fazla çalışıyordu diye gelin onun da ispatını yapalım
<script>
var sayi = 1;
do{
alert("Çalıştım");
}while(sayi<1)
/*
Ekran Çıktısı: Çalıştım
*/
</script>şeklinde kodumuzu yazdık dostlarım :). Dikkat ettiyseniz 1 sayısı yazdık ve şartımızda 1 den küçük ise dedik. Ama koşulumuz sağlanmadığı halde ekranımıza "Çalıştım" olarak yazdı :).
Evet dostlarım bu yazımda javascript programlama dilinde döngülerden dilim döndüğünce bahsettim :). Umarım faydalı olmuşumdur. Başlarda biraz karmaşık veya zor geldiyse dostlarım her zaman dediğim gibi "İstiktarlı ve Azimli Çalışmalı, Bolca Pratik Yapmalısınız :)". Bu sözümü hayat felsefeniz yaptığınız sürece başarı sizin için kaçınılmaz olacaktır dostlarım :).
Hayallerinizi gerçekleştirmeniz ve güzel yerlere gelmeniz dileklerimle... İyi çalışmalar dilerim :)
Yazar Hakkında
Kendi Halinde Bir Backend Developer