Serkan Ayyıldız

Meraklı bir yazılım uzmanı...

JavaScript While ve Do-While Döngüleri

Web yazılımcılara selamlar :)

Diğer makalelerdede olduğu gibi adım adım javascript derslerine bugünde devam ediyoruz ve döngüler makale dizisine while döngüsünü ekliyoruz.
While döngüsü önceki dersimizde gördüğümüz for döngüsüne göre biraz daha sade bir döngüdür diyebiliriz,tıpkı if deyiminin içerisine yazılan koşul gibi while deyimi içerisine koşulumuzu yazar ve koşul sağlandığı sürece döngü çalışmaya devam eder.
For döngüsünde olan döngünün yönü while döngüsü içerisinde yer almadığı için bunu yazılımcının döngü içinde belirlemesi gerekmektedir,ayrıca döngünün başlangıç değerini ise döngü dışındaki bir değişkende tanımlanması gerekir.

Örneğin 1'den kullanıcının gireceği değere kadar olan çift sayıların listesini while döngüsü ile yapalım,öncelikle 
Dreamveawer'i açıp yeni boş bir HTML belgesi oluşturalım ve ardından önceki makalelerde olduğu gibi sayfamızın head tagı içerisinde javascript fonksiyonumuzu yazalım:

javascript-function

Ardından kullanıcının bir sayı girmesini isteyelim:

javascript-prompt

Şimdi geldi while döngümüzü kurmaya,döngüyü kurmadan önce döngü için bir başlangıç değeri vermeliyiz ve döngü her 
dönüşünde bu başlangıç değerini 1 artırmalı.Döngü başlangıç değerini kullanıcının gireceği sayıdan 1 eksik olana kadar 
sürekli dönecek ve her dönüşünde javascriptin document.write metodunu kullanarak çift sayıları yazdıracak:

javascript-while

Döngümüz çalıştırılmaya hazır ancak test etmeden önce ne yaptığımıza bakalım;

9.satırda kullanıcıdan bir değer istedik,
11.satırda döngümüz için başlangıç değeri sıfır olan bir değişken tanımladık,
13.satırda while döngümüzün koşulunu tanımladık,
15.satırda döngünün o anki dönüşü esnasında artan başlangıç değerinin çift sayı olup olmadığına baktık,
17.satırda if koşulunun sağlanması durumunda gelen çift sayıyı ekrana yazdırdık,

Not:"&nbsp" deyimi HTML dilinde boşluk anlamına geliyor ve sayılar arasında boşluk olsun diye ekleme yaptık.

20.satırda ise döngünün devam edebilmesi için 1 sayı artırdık.

Şimdi javascript fonksiyonumuzu test etmeliyiz,tabi bunun için bir butona ihtiyacımız var ve body etiketi içerisine tipi 
submit olan bir HTML input DOM nesnesi ekliyoruz:

html-submit

ve sayfamızı web tarayıcımızda çalıştırıyoruz:

html-button

html-prompt

Görüldüğü gibi gayet güzel çalışan bir javascript while döngüsü oluşturduk.
While döngüsü konusu burada sona eriyor ancak makalemizin henüz sonuna gelmedik :)
While döngüsüne neredeyse hemen hemen aynı denilebilecek kadar benzeyen döngümüz olan Do-While döngüsünden bahsedelim.

Do-While döngüsünün,while döngüsünden iki farkı bulunmaktadır;

1-Do-While döngüsünde koşulun yazıldığı while deyimi alt satırda,do deyimi ise üst satırda yer alır.
2-Çalıştırılacak kodlar Do deyimi içerisine yazılır ve hal böyleyken program koşula bakmadan kodları çalıştırır ardından 
koşula bakılır.
Eğer koşul sağlanmazsa do deyimi içerisine yazılan kodlar tekrar çalıştırılmaz,dolayısıyla do-while döngüsü kendisine 
belirtilen koşul sağlanmasa bile bir defalığına çalıştıran bir döngüdür diyebiliriz.

Do-While konusunu küçük bir örnekle görelim ve bunun için yeni bir javascript fonksiyonu yazıp içerisine do-while döngüsü kuralım,ardından bu fonksiyonu çalıştıracak yeni bir input nesnesi oluşturalım:

html-do-while

html-input-submit

Şimdi sayfamızı çalıştırıyoruz ve butonumuza tıklıyoruz:

javascript-alert

Gördüğünüz gibi Do-While döngüsünde koşul sağlanmasa bile do deyimi içerisine yazılan kodlar bir defalığına 
çalıştırılır,bunun sebebi programın kodları satır satır çalıştırmasından kaynaklanmaktadır.Satır satır kodları çalıştıran 
program önce do içerisinde kodları çalıştırır,ardından while içerisindeki koşula göre tekrar çalıştırıp çalıştırmayacağına 
karar verir.

While ve do-while döngülerini öğrendiğimiz makalemizin sonuna geldik,bir sonraki makalemizde görüşmek üzere...
Hoşçakalın :)

Projeyi İndir

Bir yorum bırak E-posta adresiniz yayınlanmayacaktır.

Menu