Kategoriler: JavaScript

JavaScript Dersleri 5 : Döngüler ve Koşullar

Merhaba. Bu yazımda javascriptte döngüler ve koşullar bölümünü anlatacağım.Koşullar bildiğiniz üzere if-else ve switch‘ten oluşmaktadır. Döngüler ise for,while,do-while gibi temel kısımlardan oluşur. Bunların mantığını bildiğinizi düşünerek, bunların javascriptte kullanımına geçiyorum. Anlatırken konumuz dışında bazı şeylere de değineceğim.

if-else

İlk olarak if-else konusunda bir örnekle başlıyorum. Bu örnekte hız değişkenini, fonksiyona gönderdim ve bu fonksiyon da bize bir mesaj döndü. Bu mesajı, içerisindeki if-else yapısına göre belirledi. Son olarak da bu mesajı ekrana yazdırdım.

Ekran görüntüsü ise şu şekilde olacaktır:

switch yapısı

İf-else yapısına benzeyen bir diğer kontrol mekanizması ise switch‘tir. Aldığı parametreye göre doğrudan şartı çalıştırır. İf-else‘deki gibi tek tek kontrol etmez. Bu örnekte fonksiyona bir isim gönderdim. Bu isim switch mekanizmasına parametre olarak geldi. Case ile de bu parametreyi kontrol ettim. Hangi case’ye uyuyorsa oraya girdi. Her case’den sonra break; koymak zorunludur. Eğer yazılmazsa bütün case’leri çalıştırır.

Body kısmında document.write() ile ekrana bir şeyler yazdırdım. Bunu şunun için yaptım. Javascriptte ekrana bir metin yazdırılırken bu metin, html etiketleri arasında yazdırılabiliyor.

Ekran çıktısı ise şu şekilde olacaktır:

 

for döngüsü

Kontrol yapılarından sonra döngülerdeki en temel döngü olan for döngüsü ise şu şekilde kullanılmaktadır. Başlangıç ve bitiş şartı koyulur. Döngü bu kurala uydukça süslü parantezler içerisindeki kodlar çalışır.

Butona basınca hesapla() fonksiyonu çağrıldı ve döngünün 10 kere dönülmesi sağlandı. Döngü bitince de alert ile 1’den 10’a kadar olan sayıların toplamı yazıldı.

Ekran çıktısı ise:

Aynı örneğin çarpma olanını bu sefer while ile yapıyoruz. While’da ise bitiş verilmez. Sadece şart verilir. Şart sağlandıkça kodlar çalışır. Sayının artırılır azaltılması ise for’daki gibi en başta verilmez. Kod bloğu içinde yazılır. Burada sayi değişkenini 1 artırma işlemini kod bloğu içinde yaptım. Sonunda yine çarpımı alert ile ekrana bastım.

Çıktı ise şu şekilde olacaktır :

do-while döngüsü

Son olarak do-while döngüsü ile bitirelim. Bunun while’dan farkı, şart sağlanmasa bile döngünün bir kere çalışmasıdır. Yani her şartta en az 1 defa çalışır. Bu örnekte butona basınca 0 değerini fonksiyona gönderdim. While şartında 0’dan büyükse çalışması gerekiyor fakat büyük olmadığı halde döngü 1 kere çalıştı. Çünkü while ifadesi şuan en sonda. İlk olarak do işlemi geliyor. Şart sağlanmadığı halde döngü 1 defa çalışır.

Ekran çıktısı :

Döngü ve kontrol yapılarının javascriptte kullanımı bu şekilde. Diğer dillere benzer şekilde kullanılıyor. Ayrıntıya inmeden genel hatlarıyla bu şekilde.

Bir sonraki yazılarda görüşmek üzere…

 

Mehmet Kirazlı

İstanbul Eyüp'te ikamet ediyorum. Giresun Alucra'lıyım. Bilgisayar Mühendisliği bölümünden 2013 yılında mezun oldum. "Yeni Başlayanlar için Java 8" kitabının yazarıyım. Şu anda özel bir firmada Mobil Yazılım Geliştirme Uzmanı olarak çalışıyorum.

Yorumları Göster

Son Gönderiler

Android Firebase Event (not set) Hatası Çözümü

Merhaba. Firebase Events'e istatistik attığınızda not set şeklinde bir değer görüyorsanız olası çözümünü göstereceğim. (daha&helliip;) Daha Fazla Oku

% gün önce

Namaz Vakitleri Uygulaması Yayında

Merhaba. Android cihazlar için hazırladığım Namaz Vakitleri uygulaması ile 200'e yakın ülkede tüm namaz-ezan vakitlerini… Daha Fazla Oku

% gün önce

Kaza Namazı ve Oruç Takip Uygulaması

Selamlar. İnsanlar için faydalı olması amacıyla geliştirdiğim Kaza Namazı ve Oruç Takip Uygulamasını sizlere tanıtmak… Daha Fazla Oku

% gün önce

Android Volley Kullanımı ve JSON Parse İşlemleri

Volley, Android uygulamalarımızda kullandığımız AsyncTask'ın alternatifi olarak ortaya çıkarılan, Google I/O 2013 sunumunda duyurulan bir… Daha Fazla Oku

% gün önce

Android ButterKnife Kütüphanesi Kullanımı

Merhaba. Bu yazımda Android platformunda kullanıma sunulan, bazı kod bloklarını basitleştiren ve okunabilirliği arttıran ButterKnife… Daha Fazla Oku

% gün önce

Admob TikTok Reklamları Engelleme

Merhaba. Bu yazımda artık baş belası olmuş TikTok reklamlarını, Android uygulamalarımızdaki Admob reklamlarından nasıl kaldıracağımızı… Daha Fazla Oku

% gün önce