JavaScript Eğitimi Ders 7-Döngüler

<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div> Merhaba,<br /> Şart komutları öğrendikten sonra pek çok işi kısa işe çeviren döngüleri göreceğiz. Döngüler aynı aynı işlemi bazı şeyleri değiştirerek ve bazı şartlara göre çalışır.<br /> <h3> For</h3> <div> En çok kullanılan döngü çeşididir. Söz dizimine bakalım:<br /> <br /> <br /> <br /> for (değişken belirleme; koşul; arttırma/azaltma) {<br /> //Her Döngüde Yazpılacak Komutlar<br /> }<br /> <br /> Değişken Belirleme: Bu kısımda döngüde kullanılacak değişken belirlenir.<br /> Koşul: Her döngüde kontrol edilecek şarttır.<br /> Arttırma/Azaltma: Her döngüde yapılacak işlemdir.<br /> Komutlar: Her döngüde yapılacak diğer işlemlerdir (Genellikle Hafıza Kısmıdır)<br /> Örneği İnceleyelim:<br /> <br /> var a = 0;<br /> for (var b = 1; b < 51; b++) {<br /> a += b // Bu kısım operatörlerden hatırlanırsa a=a+b anlamındadır<br /> }<br /> console.log ("1-50 arasındaki sayıların toplamı" + a)<br /> <br /> Burada "a=0" değeri verilmiştir. "b" ise "1" olup 51'den küçük olduğuğu anlaşılıp her döngüde 1 eklenecektir. Her eklemeden sonra a ile toplanmıştır. Yani:<br /> <br /> a => 0<br /> b => 1 ve 51'den küçük Her seferinde b+1<br /> <br /> 1. Döngü => İlk Döngüde İşlem Yapılmaz a+b => 0+1=1<br /> 2. Döngü =>b = 1 + 1 = 2 2 Küçük 51 => True a => 1 + b=> 2 = 3<br /> .<br /> .<br /> .<br /> <h3> While</h3> </div> <div> if şartı ile bir yandan benzer ve kod grubu tanımlanan şart doğrulandığı (true değeri ürettiği) sürede tekrar tekrar çalışır. if'den farkı döngü olmasıdır. Söz dizimini:</div> <div> <br /></div> <div> //Döngü değişkeni tanımlama ve değer atama<br /> while (şart) {<br /> //Döngü kapsamı<br /> //Değişken değeri arttırma/azaltma</div> <div> }<br /> <br /> Örneği inceleyelim:<br /> <br /> var a=0 </div> <div> while(a<3) { </div> <div> a++ </div> <div> console.log("Wolder King"+"<br/>") </div> <div> }</div> <div> <br /></div> <div> Bu kodu çalıştırdığımızda alt alta 3 adet "WolderKing" yazdığını göreceksiniz.</div> <h3> Do...While</h3> <div> "while" döngüsünün mantığına benzer fakat koşul döngü sonunda denendiğinde "do..while" kapsamındaki kodlar şart "true" da olsa "false" da olsa bir kez çalışır. 1'den fazla çalışması için şartın "true" değeri vermesi gerekir. Söz dizimi:</div> <div> <br /></div> <div> do {</div> <div> //Kapsam</div> <div> //Değişken değeri artırma/azaltma</div> <div> }while(şart);</div> <div> <br /></div> <div> Gördüğünüz gibi şart en son kontrol edildiğinden kodlar bir kez çalışır.</div> <h3> For..İn</h3> <div> Nesnenin sahip olduğu özellik isimleri ya da dizi içerisindeki indeks (Dizinin Her Elemanının Numarası) numaralarına ulaşmayı sağlar. Kafanızı karıştırmadan okuyup geçin. Bir sonraki ders olan "Diziler"de kullanınca öğreneceksiniz. Ondan dolayı anlatmıyorum.</div> <h3> Döngü Anahtarları</h3> <h4> Break:</h4> <div> Döngüden çıkmak için kullanılır.</div> <h4> Continue:</h4> <div> Bulunan döngü sonlandırılıp akış başına yönlendirilir. Yani tekrar başlanır.</div> <div> <br /></div> <div> Bu derslik bukadar ve bir sonraki derste "Diziler" adlı sıkıcı bir konu işleyeceğiz. Düzenli ifade ve fonksiyonları işledikten sonra javascript ile mükemmel şeyler yapacağınızı umuyorum. Çalışın ve kendiniz örnekler yapın. Kolay gelsin.</div> <div> <br /></div> <div> <br /></div> <div> <br /></div>

JavaScript Eğitimi Ders 7-Döngüler

Merhaba, Şart komutları öğrendikten sonra pek çok işi kısa işe çeviren döngüleri göreceğiz. Döngüler aynı aynı işlemi bazı şeyleri değiş...

Devamı »