JavaScript döngülerinde, şartlı işlem yapmak için en popüler yöntem if ve else ifadeleridir Bu makalede, for ve while döngülerinde nasıl şartlı işlem yapabileceğinizi öğreneceksiniz Ayrıca, koşulları karşılamayan durumlarda döngüyü nasıl durduracağınızı ve örnek kodlarda pratik yapacağınızı göreceksiniz JavaScript döngülerinde şartlı işlemleri bu kolay anlaşılır makale ile öğrenin!
JavaScript programlama dili, web geliştiriciler tarafından en sık kullanılan dillerdendir. JavaScript ile web sayfalarının dinamik hale getirilmesi, veri doğrulama işlemleri, oyun ve uygulamaların geliştirilmesi mümkündür. JavaScript kodları, döngüler gibi işlemleri yapmak için kullanılan ifadeler içerebilir.
Döngülerde, belirtilen şart doğru olduğu sürece tekrarlayan işlemler yapılır. JavaScript'te for, while, do-while, for-in ve forEach gibi farklı döngü türleri bulunmaktadır. Döngülerde şartlı işlemler yapmak, programlama açısından oldukça önemlidir. Şartlı ifadeler, döngülerin devam edebilmesi veya sonlandırılması için kullanılabilir.
JavaScript'te döngülerde şartlı işlem yapmak için if-else, switch-case gibi yapılardan yararlanılabilir. Döngüler, programlama dillerinde bulunan temel yapılar arasında yer almaktadır. Özellikle web programlama uzmanları, döngülerin fonksiyonlarla birlikte kullanılmasıyla daha verimli kodlama işlemleri gerçekleştirebilirler.
For Döngüleri İle Şartlı İşlem Yapmak
JavaScript'te for döngüleri, belirli bir sayıda işlem yapmak için kullanılır. Şartlı ifadeler, for döngüsü içinde kontrol edilerek, işlemlerin devam edip etmeyeceği belirlenir.for döngüsü, üç bölümden oluşur: başlatma, şart kontrolü ve arttırma/değişim. Başlatma kısmında, değişkenlerin başlangıç değeri belirlenir. Şart kontrolü kısmında, değişkenlerin şartı karşılaması halinde döngünün devam edeceği belirtilir. Arttırma/değişim kısmında ise değişkenlerin artırılması veya değiştirilmesi işlemi yapılır.Örneğin, 1'den 10'a kadar olan sayılar aşağıdaki şekilde for döngüsü kullanılarak yazdırılabilir:```htmlKod: |
|
Çıktı: |
|
Kod: |
|
Çıktı: |
|
While Döngüleri İle Şartlı İşlem Yapmak
JavaScript'teki while döngüleri, belirli bir koşul doğru olduğu sürece tekrarlanan kod bloklarını çalıştırmak için kullanılır. Bu nedenle, while döngüleri sıklıkla şartlı işlemler için kullanılır.
While döngüsü, diğer döngüler gibi üç temel ögeye sahiptir: başlangıç ifadesi, koşul ifadesi ve arttırma/azaltma ifadesi. Ancak while döngüleri, belirli bir sayıda tekrarlaması gereken durumlarda kullanılmaz. Bunun yerine, koşul doğru olduğu sürece tekrarlanan bir kod bloğu içeren durumlarda kullanılır.
While döngüleri şu şekilde kullanılabilir:
Kod: | Açıklama: |
---|---|
let i = 0; while (i < 5) { console.log(i); i++; } | Bu örnek, koşul doğru olduğu sürece i sayısını 0'dan başlatarak 5'e kadar yazdırır. |
let yas = 18; while (yas < 21) { console.log("Henüz içki içemezsiniz."); } | Bu örnek, koşul doğru olduğu sürece "Henüz içki içemezsiniz." mesajını yazdırır. |
While döngüleri, for döngüsü gibi arttırma/azaltma ifadesi içermez. Bunun yerine, kod bloğunun içindeki değişkeni manuel olarak arttırmalısınız. Aksi takdirde, döngü sonsuza kadar devam edebilir ve sayfayı çökebilir.
Bu nedenle, while döngüsünde kullanılan koşul ifadesi çok önemlidir. Koşul ifadesi, döngünün kaç kez tekrarlandığını belirler. Eğer koşul ifadesi doğru değilse, döngü sona erer ve kod bloğu çalıştırılmaz.
Sonuç olarak, while döngüleri belirli bir koşul doğru olduğu sürece tekrarlanan kod bloklarını çalıştırmak için kullanılır. Ancak, koşul ifadesi doğru yapılmalı ve içerideki değişken manuel olarak arttırılmalıdır. Bu şekilde, while döngüsü doğru şekilde kullanılabilir ve istenilen sonuçlar alınabilir.
Do-While Döngüleri İle Şartlı İşlem Yapmak
Javascript döngülerinde kullanabileceğiniz bir diğer döngü ise do-while döngüsüdür. Do-while döngüsü, while döngüsünden farklı olarak en az bir kez bloğunu çalıştıracak şekilde tasarlanmıştır.
Do-while döngüsü for veya while döngülerine benzer şekilde çalışır, ancak farklı olarak koşul işleminin blok kodundan önce değil, sonrasında yapılır. Bu, do-while döngüsünün en az bir kez blok kodunu çalıştırma garantisi vermesi anlamına gelir.
Do-while döngüsü aşağıdaki örnekte görüldüğü gibi kullanılabilir:
Kod | Açıklama |
---|---|
let i = 0; do { console.log(i); i++; } while (i < 5); | Bu örnekte, i değeri 0 olarak atanır ve blok kodu en az bir kez çalıştırılır. Daha sonra, i'nin değeri 5 olana kadar blok kodu çalıştırmaya devam edilir. Her döngüde, i değeri bir arttırılır ve sonuç olarak, kod 0'dan 4'e kadar tüm sayıları yazdırır. |
Şimdi, do-while döngüsüne şartlı işlem eklemek için, döngü koşulu içinde ifadeler kullanabilirsiniz. Örneğin, aşağıdaki kodda, döngü blok kodunu yalnızca değişkenin değeri 1 olduğunda çalıştıracaktır:
Kod | Açıklama |
---|---|
let i = 0; do { if (i === 1) { console.log("Kod çalıştı!"); } i++; } while (i < 5); | Bu örnekte, i değeri 0 olarak atanır ve blok kodu en az bir kez çalıştırılır. Döngüye devam etmeden önce, i'nin değeri 1'dir. Bu nedenle, koşul doğrudur ve kod bloğu çalıştırılır ve sonuç olarak ekrana "Kod çalıştı!" yazdırılır. Daha sonra, i'nin değeri 5 olana kadar blok kodu çalıştırmaya devam edilir. |
Do-while döngüsüyle birlikte kullanılan break ve continue ifadeleri ve label ifadeleri hakkında da daha detaylı bilgi için kaynaklardan yararlanabilirsiniz. Bu sayede, do-while döngüsünü daha verimli bir şekilde kullanabilir ve kodlarınızı daha iyi yönetebilirsiniz.
Break ve Continue İfadeleri Kullanarak Şartlı İşlem Yapmak
JavaScript'teki break ve continue ifadeleri, döngülerde belirlediğimiz şartların sağlanması durumunda döngüyü sonlandırmak ya da belirli bir adıma geçmek için kullanılabilir. break ifadesi, döngü içindeki kodun çalışmasını ve döngüyü durdururken, continue ifadesi döngünün bir sonraki adımına atlamasını sağlar.
Örneğin, bir for döngüsü içinde break ifadesi kullanarak, programı belirli bir şartın sağlanması durumunda sonlandırabiliriz. Aynı şekilde, continue ifadesi kullanarak ise bu şartın sağlandığı durumlarda, döngüde belirtilen adımları atlayabiliriz.
Örnek olarak, aşağıdaki kod yapısı incelenebilir:
```for(let i=1;i<=10;i++){ if(i==3){ break; } console.log(i);}//Çıktı: 1 2```
Yukarıdaki kod bloğunda, i değişkeni 1'den 10'a kadar artırılırken, if koşulu içinde 3'e eşit olduğunda break ifadesi kullanılarak döngü sonlandırılır. Bu nedenle, çıktı olarak 1 ve 2 sayıları gösterilir.
Benzer şekilde, continue ifadesi kullanarak döngüde belirli bir adımı atlayabiliriz. Örneğin, 2'ye tam bölünen sayıları yazdırmak istediğimiz bir for döngüsü içinde, continue ifadesi kullanarak bu sayıların yazdırılmasını engelleyebiliriz.
```for(let i=1;i<=10;i++){ if(i%2!=0){ continue; } console.log(i);}//Çıktı: 2 4 6 8 10```
Yukarıdaki kod yapısında, i değişkeni 1'den 10'a kadar artarken, if koşulu içinde 2'ye tam bölünmeyen (yani 1, 3, 5, 7, 9) sayılar continue ifadesi ile atlanarak yazdırılmaz. Bu nedenle, çıktı olarak 2, 4, 6, 8 ve 10 sayıları gösterilir.
JavaScript'teki break ve continue ifadelerinin etkili ve doğru kullanımı, programlama sürecinde zaman kazandırabilir ve kodların daha anlaşılır hale gelmesine yardımcı olabilir.
Label İfadeleri Kullanarak Şartlı İşlem Yapmak
JavaScript'teki label ifadeleri, programların belirli bir yerine işaret koymak amacıyla kullanılır. Bu sayede, belirtilen noktaya kolayca geri dönüp kodların akışını kontrol edebilirsiniz. Label ifadeleri değişkenlere benzer şekilde atama operatörü "=" ile tanımlanır. Örneğin, "etiket: for (var i = 0; i < 10; i++)" şeklinde bir kullanım yapılabliir.
Label ifadeleri, döngülerde kullanıldığında, döngülerin içerisinde break ve continue ifadeleriyle birlikte kullanılarak şartlı işlem yapılabilir. Örneğin, "etiket: for (var i = 0; i < 5; i++) { for (var j = 0; j < 5; j++) { if (i === 2 && j === 2) { continue etiket; } console.log(i, j); } }" kodu, iç içe for döngülerinde i ve j değerlerinin her ikisinin de 2 olduğu durumlarda, etiket ifadesine dönerek döngünün başına gider ve tekrar başlatır.
Bu sayede, döngülerdeki şartlı işlemler daha kontrol edilebilir ve istenilen bir durumda kolayca çalıştırılabilir. Label ifadesi kullanırken dikkat edilmesi gereken nokta, kullanımının karmaşık durumlar olmadığında tercih edilmesidir. Aksi halde, kodların daha anlaşılır hale getirilmesi adına başka yöntemler denenebilir.
Sonuç olarak, JavaScript döngülerinde şartlı işlemler yapmak oldukça önemlidir ve bu işlemlerin yapılabilmesi için farklı seçenekler mevcuttur. Label ifadeleri, özellikle de iç içe döngülerde kullanıldığında şartlı işlemleri daha kolay bir şekilde kontrol etmenizi sağlar. Ancak, kullanımının karmaşık durumlarda tercih edilmemesi gerektiği unutulmamalıdır.
For-In Döngüleri İle Şartlı İşlem Yapmak
JavaScript'te, for-in döngüsü, belirtilen nesne veya array'in tüm özelliklerine erişmek için kullanılır. Bu döngü, bir sayı değil de özellikler üzerinde gezindiği için tercih edilir. For-in döngüsünü kullanırken, özellikleri kullanarak her bir elemana erişebilirsiniz.
Aşağıdaki örnek, bir array içindeki tüm öğeleri yazdıracaktır.
Kod | Açıklama |
---|---|
var array = ["elma", "armut", "kiraz"];for (var x in array) { console.log(array[x]);} | Belirtilen array'in her bir öğesini for-in döngüsü ile döndürür. |
Şimdi, bu örneği daha kapsamlı hale getirerek array içindeki öğelerin tiplerini kontrol etmek istediğimizi varsayalım. Bunun için şartlı sorguları kullanmamız gerekiyor.
Kod | Açıklama |
---|---|
var array = ["elma", "armut", 5, true];for (var x in array) { if (typeof array[x] === "string") { console.log("String tipindeki değer: " + array[x]); } else if (typeof array[x] === "number") { console.log("Sayı tipindeki değer: " + array[x]); } else if (typeof array[x] === "boolean") { console.log("Boolean tipindeki değer: " + array[x]); }} | Belirtilen array'in her bir öğesini for-in döngüsü ile döndürür ve tiplerine göre kontrol eder. |
Yukarıdaki örnekte, array içindeki öğelerin tiplerine göre şartlı sorgular kullanarak farklı işlemler gerçekleştirdik. Bu şekilde, for-in döngüsü ile özellikler üzerinde gezinirken şartlı sorgular kullanarak belirli öğelere erişebilir ve kontroller yapabilirsiniz.
Array Döngüleri İle Şartlı İşlem Yapmak
JavaScript programlama dilindeki array döngüleri, özellikle büyük veri koleksiyonlarının işlenmesinde oldukça faydalıdır. Array döngüsü, belirttiğiniz bir veri grubu üzerinde sıralı bir şekilde yinelemeye izin verir. Bu döngülerin kullanımı, belirli koşullara göre işlem yapmak için oldukça uygun bir yoldur.
Array döngüleri, for, forEach ve filter döngüleri kullanılarak gerçekleştirilebilir. Aşağıda, bu döngü türlerinin nasıl kullanıldığına ait kısa açıklamalar yer almaktadır.
Döngü Türü | Kullanımı | Açıklama |
---|---|---|
For Döngüsü | for(i=0; i<array.length; i++) | Belirtilen koşullar sağlandığı sürece array elemanlarını sıralı bir şekilde tekrar eder. |
ForEach Döngüsü | array.forEach(function(item, index){}) | Belirtilen bir dizi elemanını sıralı bir şekilde tekrar eder ve işlem yapar. |
Filter Döngüsü | array.filter(function(item){}) | Belirli koşullara göre array içindeki elemanları filtreler. |
Array döngüleri, for, forEach ve filter döngüsü hakkında daha fazla bilgi edinmek ve hangi koşulların nasıl belirleneceğini öğrenmek için JavaScript programlama dili hakkında daha geniş bir bilgi dağıtımına sahip olmanız gerekebilir. Ancak, bu döngülerin kullanımı büyük veri koleksiyonlarının etkin bir şekilde işlenmesine yardımcı olacaktır.
ForEach Döngüsü İle Şartlı İşlem Yapmak
JavaScript'teki forEach döngüsü, bir dizi elemanı üzerinde işlem yapmak için kullanılır. Bu döngü, her bir eleman için verilen işlevi çalıştırır. Örneğin, bir dizi içerisindeki her bir elemanın değerini 2 katına çıkarmak istediğinizde, forEach döngüsü kullanabilirsiniz.
forEach döngüsü şartlı sorgularla kontrol edilebilir. İşlev içerisinde bir koşul ifadesi kullanarak sadece belirli koşullara uyan elemanlarda işlem yapılabilir. Örneğin, sadece çift sayıları 2 katına çıkarmak istediğinizde, işlev içerisinde bir if koşulu ile çift sayılar belirlenebilir ve sadece bu sayılar üzerinde işlem yapılabilir.
Aşağıdaki örnek, bir dizi içerisindeki sayıların toplamını hesaplar ve sadece pozitif sayıların toplamını yazdırır:
```let numbers = [3, -2, 1, -5, 7, 8];
let sum = 0;let positiveSum = 0;
numbers.forEach(function(number) { sum += number; if(number > 0) { positiveSum += number; }});
console.log("Dizi toplamı: " + sum);console.log("Pozitif sayıların toplamı: " + positiveSum);```
Yukarıdaki örnekte, forEach döngüsü kullanarak her elemanın toplama eklenmesi ve sadece pozitif elemanların belirlenmesi sağlanmıştır. Bu örnek, forEach döngüsü ile şartlı sorguların nasıl kullanılabileceğini göstermektedir.
JavaScript'te forEach döngüsü, diğer döngü yapılarına göre daha verimli bir yöntemdir. Hem kod okunurluğunu arttırır hem de kodun daha hızlı çalışmasını sağlar. Bu nedenle, gereksinimlerinize göre şartlı sorgular kullanarak forEach döngüsünü kullanabilirsiniz.
Şartlı sorgularla birlikte forEach döngüsünü kullanarak daha karmaşık işlemler yapabilirsiniz. Bu döngü yapılarını doğru bir şekilde kullanarak, verimli ve okunabilir kodlar oluşturabilirsiniz.
Filter Döngüsü İle Şartlı İşlem Yapmak
JavaScript'teki filter() döngüsü, bir dizi elemanın belirli bir koşulu karşılayıp karşılamadığını kontrol etmek için kullanılır. Bu koşula uygun olan elemanlar, ayrı bir dizi olarak döndürülür. Yani filter() döngüsü, orijinal diziyi değiştirmez, sadece belirli bir koşulu sağlayan elemanları yeni bir diziye aktarır.
filter() döngüsü, bir dizi ve bir koşul fonksiyonu alır. Koşul fonksiyonu, her eleman için şartları kontrol eder ve true veya false değer döndürür. True değer döndüren elemanlar, yeni bir diziye aktarılır. Bu iki parametre, filter() fonksiyonuna argüman olarak verilir.
Örneğin, bir dizi içinde sadece belirli bir fiyat aralığındaki ürünleri filtrelemek istediğimizde, filter() fonksiyonu kullanılabilir. Şöyle bir koşul fonksiyonu yazabiliriz:
function fiyatAraligindakiUrunler(urun) { return urun.fiyat >= 20 && urun.fiyat <= 50;}
Bu fonksiyon, fiyatı 20 ile 50 arasında olan ürünleri true olarak döndürür. Bu fonksiyonu, aşağıdaki ürünler dizisiyle birlikte filter() fonksiyonuna argüman olarak veririz:
const urunler = [ { ad: 'Çikolata', fiyat: 15 }, { ad: 'Mandalina', fiyat: 30 }, { ad: 'Portakal', fiyat: 45 }, { ad: 'Ceviz', fiyat: 65 }];
const filtreliUrunler = urunler.filter(fiyatAraligindakiUrunler);
Bu kod bloğu, sadece fiyatı 20 ile 50 arasında olan ürünlerin yer aldığı yeni bir filtreliUrunler dizisi oluşturur. Bu dizide, sadece mandalina ve portakal ürünleri yer alır.
filter() döngüsü, JavaScript'teki diğer birçok döngü fonksiyonu gibi oldukça kullanışlıdır ve programcıların yoğun olarak kullandığı bir fonksiyondur.