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:
Ardından kullanıcının bir sayı girmesini isteyelim:
Ş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:
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:" " 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:
ve sayfamızı web tarayıcımızda çalıştırıyoruz:
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:
Şimdi sayfamızı çalıştırıyoruz ve butonumuza tıklıyoruz:
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
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:
Ardından kullanıcının bir sayı girmesini isteyelim:
Ş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:
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:" " 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:
ve sayfamızı web tarayıcımızda çalıştırıyoruz:
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:
Şimdi sayfamızı çalıştırıyoruz ve butonumuza tıklıyoruz:
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