JavaScript'te Koşullu İfadeler ve Döngüler hakkında bilgi edinmek mi istiyorsunuz? Bu makale, JavaScript'de koşullu ifadeler ve döngülerin nasıl kullanıldığını açıklıyor Bu konuda bilgi sahibi olmak isteyenler için ideal bir kaynak Hemen okumaya başlayın!

JavaScript, web sitelerinde kullanılan bir programlama dilidir. Bu dil, web sayfalarının daha etkileşimli hale gelmesini ve kullanıcıların daha iyi bir deneyim yaşamasını sağlar. JavaScript'te, koşullu ifadeler ve döngüler önemli bir role sahiptir. Bu makalede, koşullu ifadeler (if, else if, else) ve döngüler (for, while, do while) hakkında bilgi edineceksiniz.

Koşullu ifadeler, belirli bir koşulun sağlanması durumunda belirtilen işlemlerin yapılmasını sağlar. Döngüler ise belirli bir işlemi birçok kez tekrar etmenizi sağlar. Bu ifadeleri ve döngüleri kullanarak, daha etkili programlar yazabilirsiniz. Detaylı bilgi edinmek için aşağıdaki bölümleri okuyabilirsiniz.

Koşullu İfadeler

Koşullu ifadeler, JavaScript'te oldukça sık kullanılan bir yapıdır. Belirli bir koşulun sağlanması durumunda belirtilen işlemlerin yapılmasını sağlar. Bu sayede kodunuz, verilen koşullara göre çalışabilir ve doğru sonuçlar üretebilir. Koşullu ifadeler, if, else if ve else anahtar kelimeleri ile kullanılır.

if anahtar kelimesi en temel kullanım şeklidir. Belirtilen koşulun doğru olması durumunda, belirtilen kod bloğu çalıştırılır. else if anahtar kelimesi ise birden fazla koşulun kontrol edilmesi durumunda kullanılır. Koşullar iç içe geçebilir ve kod blokları sırayla çalıştırılabilir. else if'den sonra kullanacağınız else anahtar kelimesi ise hiçbir koşulun sağlanmadığı durumda çalışacak koddur. Bu sayede verilen koşullara göre çalışacak, pratik ve dinamik bir kod yazabilirsiniz.

Örneğin, bir web uygulamasında kullanıcının yaşı 18'den büyükse içeriği görebilmesi için koşullu ifade kullanabilirsiniz. if anahtar kelimesi ile kullanıcının yaşı kontrol edilir, eğer koşul doğruysa belirtilen işlemler yapılır. Eğer koşul yanlışsa, else if ya da else anahtar kelimeleri ile denetim yapabilirsiniz. Bu sayede kodunuz, kullanıcının yaşı gibi verilere göre işleyecektir.

if İfadesi

JavaScript'te en sık kullanılan koşullu ifade, if ifadesidir. if ifadesi, belirtilen koşulu kontrol eder ve koşulun doğru olması halinde belirtilen kod bloğunu çalıştırır. if ifadesi aşağıdaki şekilde kullanılır:

if ifadesi, bir koşulu sadece bir kez kontrol eder ve koşulun doğru olması halinde kod bloğunu çalıştırır. Koşulun yanlış olması durumunda ise kod bloğu atlanır ve ifadenin devamı işlenir.

Bir örnek vermek gerekirse, sayısal bir değerin büyük veya küçük olma durumu kontrol edilebilir. Örneğin, aşağıdaki kodda "sayi" değişkeninin 10'dan büyük olup olmadığı kontrol ediliyor ve ekrana "sayi 10'dan büyüktür" yazdırılıyor:

Yukarıdaki örnek kodda "sayi" değişkeni 15 olarak tanımlandı. if ifadesi, "sayi > 10" koşulunu kontrol eder ve koşul doğru olduğu için ekrana "sayı 10'dan büyüktür" yazdırılır.

if ifadesi, koşulun yanlış olması halinde herhangi bir işlem yapmaz. Eğer koşul yanlışsa, kodun devamına geçer ve ifadeden sonraki işlemlere devam eder.

else if İfadesi

JavaScript'te kullanılan else if ifadesi, birden fazla koşulun kontrol edilmesini sağlayarak doğru olan koşulun olduğu kod bloğunu çalıştırır. Öncelikle if ifadesi ile başlayan durumları kontrol eder. Eğer bu durumlar doğru değilse else if ifadesi devreye girerek sıradaki koşulu kontrol eder. Bu işlem istenilen kadar tekrar edilebilir.

Bir örnek vermek gerekirse, bir kullanıcının yaşını kontrol eden bir kod bloğu düşünelim. 18 yaşından küçük olan kullanıcılar için "Ebeveyn izni gerekiyor" mesajı gösterilsin, 18 yaşından büyük fakat 21 yaşından küçük olan kullanıcılara "İçeri girebilirsiniz, fakat içki satın almak için 21 yaşını doldurmanız gerekmektedir" mesajı gösterilsin, 21 yaşından büyük olan kullanıcılara ise sadece "İçeri girebilirsiniz" mesajı gösterilsin.

Bu örnekte, kullanıcının yaşına göre farklı mesajlar göstermek için if, else if ve else ifadeleri kullanılmıştır. ifadesi ile yaşın 18'den küçük olup olmadığı kontrol edilir. Eğer koşul sağlanırsa "Ebeveyn izni gerekiyor" mesajı gösterilir. Eğer birinci koşul sağlanmazsa else if ifadesi devreye girer. Bu ifadede yaşın 18'den büyük ve 21'den küçük olup olmadığı kontrol edilir. Eğer bu koşul sağlanırsa "İçeri girebilirsiniz, fakat içki satın almak için 21 yaşını doldurmanız gerekmektedir" mesajı gösterilir. Eğer bu koşul da sağlanmazsa son olarak else ifadesi çalışarak "İçeri girebilirsiniz" mesajını gösterir.

JavaScript'te else if ifadesini kullanarak farklı senaryolara ve koşullara göre farklı işlemler yapabilirsiniz. Ancak bu yapıyı kullanırken doğru sıralama ve koşul tanımlamalarına dikkat etmeniz gerekmektedir.

else İfadesi

else ifadesi, if ve else if koşullarının yanıtlanmadığı durumlarda çalışan bir koşul ifadesidir. Bu durumda, program belirtilen kod bloğunu çalıştırır. Örneğin, aşağıdaki örnek kod bloğunu inceleyelim:

    if (x > 10) {      console.log("x, 10'dan büyüktür.");    } else if (x < 5) {      console.log("x, 5'ten küçüktür.");    } else {      console.log("x, 5-10 aralığındadır.");    }

Bu örnekte, eğer x 10'dan büyükse if koşulu çalıştırılır, x 5'den küçükse else if koşulu çalışır. Ancak hiçbir koşul sağlanmazsa, else bloğu çalışır ve "x, 5-10 aralığındadır" mesajı ekranda görüntülenir.

Bu şekilde, koşullu ifadeler kullanarak programlarınızda daha karmaşık karar yapısı oluşturabilir ve programınızın daha sağlam ve esnek olmasını sağlayabilirsiniz.

Döngüler

JavaScript'te döngüler, belirli bir işlemi birden fazla kez tekrarlamak için kullanılır. Bu sayede programlama işlemi daha etkili bir şekilde gerçekleştirilebilir. JavaScript'te kullanılan üç temel döngü for, while ve do while'dir.

for döngüsü, belirli bir sayıda işlem yapmanızı sağlar. Genellikle, bir dizi üzerinde işlem yapmak için kullanılır. Döngüdeki değişken, belirlediğiniz aralıkta arttırılır ve belirli bir koşul sağlandığında işlem sona erer.

for döngüsü aşağıdaki şekilde kullanılır:

while döngüsü, belirli bir koşulun doğru olduğu sürece işlemi tekrarlar. Döngü bloğu içindeki işlem, koşul sağlanana kadar devam eder. Koşul yanlış olduğunda döngü sona erer.

while döngüsü aşağıdaki şekilde kullanılır:

do while döngüsü, while döngüsüne benzer şekilde çalışır. Fakat, koşul döngünün sonunda yer alır. Bu nedenle işlem en az bir kez gerçekleşir.

do while döngüsü aşağıdaki şekilde kullanılır:

Döngüler, JavaScript programlama sürecinde hayati bir rol oynarlar. Doğru şekilde kullanıldıklarında, programcıların işlerini daha hızlı ve verimli bir şekilde yapmalarına olanak tanırlar. Yeni başlayanlar için, for döngüsü en yaygın kullanılan döngüdür ve ilk öğrenilmesi gerekenler arasındadır.

for Döngüsü

JavaScript'te koşullu ifadeler ve döngüler arasında en sık kullanılanlardan biri for döngüsüdür. for döngüsü, belirtilen koşula ve değişkene bağlı olarak bir işlemi belirli sayıda tekrar etmenizi sağlar.

Örneğin, 1'den 10'a kadar olan sayıları ekrana yazdırmak için bir for döngüsü kullanabilirsiniz:

      for (var i = 1; i <= 10; i++) {        console.log(i);      }      

Yukarıdaki kod bloğu, for döngüsü kullanarak 1'den 10'a kadar olan sayıları ekrana yazdırır. Döngüdeki değişken i 1'den başlar ve her tekrarda 1 artırılır. Döngü koşulu "i <= 10" olduğundan, döngü 10'a eşit veya küçük olan her sayıda çalışmaya devam eder.

for döngüsü ayrıca, diziler gibi belirli bir sayıda elemanı olan nesneleri de işlemek için kullanılabilir. Döngü değişkeni kullanılarak, dizinin her elemanına sırayla erişebilirsiniz:

      var myArray = ['elma', 'armut', 'portakal'];      for (var i = 0; i < myArray.length; i++) {        console.log(myArray[i]);      }      

Yukarıdaki örnekte, for döngüsü kullanılarak myArray dizisinin her elemanı sırayla ekrana yazdırılır. Döngü değişkeni i, dizinin ilk elemanından başlayarak son elemana kadar her turda 1 artırılır. Döngü koşulu "i < myArray.length" olduğundan, döngü dizinin son elemanına ulaşana kadar devam eder.

while Döngüsü

JavaScript'te kullanılan while döngüsü, belirtilen koşulun doğru olması durumunda bir işlemi tekrar eder. Yani, koşul doğru olduğu sürece döngü içindeki işlem sürekli olarak tekrar eder. Koşul yanlış olduğunda ise döngü sonlanır ve işlem durur.

While döngüsünün kullanımı oldukça basittir. İlk olarak koşul belirtilir ve sonra da döngü içinde yapılacak işlem yazılır. Aşağıda örnek bir while döngüsü kod bloğu yer almaktadır:

let i = 0;while (i < 10) {  console.log(i);  i++;}

Bu örnekte, i değişkeni 0'a eşitlenir ve while döngüsüne girer. while döngüsü içindeki koşul, i değişkeninin 10'dan küçük olduğu sürece doğrudur. Bu nedenle, döngü içindeki işlem (console.log(i) ve i++) sürekli olarak tekrar eder. i değişkeni 10'a eşitlendiğinde, koşul yanlış olur ve döngü sonlanır.

While döngüsü, belirtilen koşul yanlış olduğunda hiçbir işlem yapmadan döngüyü sonlandırır. Bu nedenle, döngü içinde yer alan işlemlerin yanlış koşul durumlarına karşı korunması gerekir. Aksi takdirde, döngü sonsuz bir döngüye dönüşebilir ve sayfada hata oluşabilir.

do while Döngüsü

JavaScript'te bulunan do while döngüsü, while döngüsüne benzer şekilde çalışır. Ancak farklılığı, koşulun döngünün sonunda yer almasıdır. Bu nedenle, döngünün işlemi en az bir kez gerçekleştirilir.

Örneğin, kullanıcının girdiği sayıyı kontrol edip doğruluğuna göre bir işlem gerçekleştirmek istediğinizi düşünün. Bunun için, do while döngüsü kullanabilirsiniz. Do while döngüsü, işlemi en az bir kez gerçekleştirerek, koşulun doğruluğunu kontrol eder. Eğer koşul doğruysa, işlem devam eder. Ancak koşul yanlışsa, döngü sonlandırılır.

Örnek olarak, aşağıdaki kod bloğundaki do while döngüsü, kullanıcının girdiği sayıyı 10'a kadar büyüten bir işlem gerçekleştirir:

let sayi = prompt("Bir sayı giriniz:");do {    sayi++;} while (sayi < 10);console.log(sayi);

Bu kod, kullanıcının girdiği sayıyı 10'a kadar büyütür ve sonucu konsolda gösterir.

Do while döngüsü, while döngüsünden farklı olarak, koşulun döngü bloğu öncesi yer almasına gerek duymaz. Bu nedenle, koşulun doğruluk kontrolü, işlemin gerçekleştirilmesinden sonra yapılır.