- Katılım
- 21 Ocak 2024
- Mesajlar
- 176
- Tepkime puanı
- 40
- Puanları
- 28
JavaScript'te herhangi bir uygulama oluştururken, genellikle kodun çeşitli koşullara göre nasıl yürütüleceğini kontrol etmeniz veya veri kümeleri arasında yineleme yapmanız gerekir. Kontrol akışı deyimleri karar vermenize, eylemleri tekrarlamanıza ve hatta döngülerden çıkmanıza olanak tanır.Bu yazıda, JavaScript'teki çeşitli kontrol akışı deyimlerini derinlemesine inceleyeceğiz:
if-else
switch
Ternary operator
Loops (for, while, do-while)
break and continue
Her birini ayrıntılı olarak inceleyelim.
1. if-else Deyimi
if-else deyimi, JavaScript'te bir koşulun doğru veya yanlış olarak değerlendirilmesine bağlı olarak belirli kod bloklarını çalıştırmanıza olanak tanıyan temel bir kontrol yapısıdır.
Örnek:
Bu örnekte, yaş 18 veya üzerindeyse, kod kişinin oy kullanmaya uygun olduğunu yazdıracaktır; aksi takdirde, uygun olmadığını yazdıracaktır.
else-if ile Birden Fazla Koşulu Zincirleme:
else-if deyimi, biri doğru olana kadar birden fazla koşulu sırayla kontrol etmenizi sağlar. Koşullardan hiçbiri doğru değilse else bloğu çalışacaktır.
2. switch Deyimi
switch deyimi, birden fazla if-else koşulu kullanmaya bir alternatiftir. Tek bir ifadeyi farklı durumlara karşı kontrol eder ve bir eşleşme bulunduğunda ilgili kod bloğunu yürütür.
Örnek:
Burada, gün değeri çeşitli durumlara karşı kontrol edilir ve uygun mesaj yazdırılır. Gün hiçbir durumla eşleşmezse, varsayılan durum çalışır.
3. Üçlü Operatör
Üçlü işleç, basit if-else koşullarını yazmanın daha kısa bir yoludur. En iyi şekilde, bir değer döndüren hızlı kararlar için kullanılır.
Syntax: condition ? expressionIfTrue : expressionIfFalse;
Bu örnekte, üçlü operatör yaşın 18'den büyük veya eşit olup olmadığını kontrol eder. Koşul doğruysa, “oy verebilirsiniz” döndürülür; aksi takdirde, “oy veremezsiniz” döndürülür.
4. Döngüler: for, while, do-while
Döngüler, bir kod bloğunu birden çok kez tekrarlamanızı sağlar. JavaScript, her biri farklı amaçlara hizmet eden çeşitli döngü mekanizmaları sağlar.
a. for Döngüsü
for döngüsü, bir kod bloğunu kaç kez çalıştırmak istediğinizi bildiğinizde kullanılır. Üç bölümden oluşur: başlatma, koşul ve yineleme.
Örnek:
Bu döngü 0'dan 4'e kadar olan sayıları yazdıracaktır. Döngü 0'dan başlar (i =0), i 5'ten küçük olduğu sürece çalışır ve her iterasyondan sonra i'yi artırır.
b. while Döngüsü
while döngüsü, belirtilen bir koşul doğru olduğu sürece yürütülür.
Örnek:
Bu döngü de 0'dan 4'e kadar olan sayıları yazdırır, ancak for yerine while döngüsü kullanır.
c. do-while Döngüsü
do-while döngüsü while döngüsüne benzer, ancak koşul başlangıçta yanlış olsa bile döngü içindeki kodun en az bir kez yürütülmesini garanti eder.
Örnek:
Burada, döngü 0'dan 4'e kadar olan sayıları yazdıracaktır. Koşul başlangıçta yanlış olsa bile, döngü koşulu kontrol etmeden önce bir kez çalışacaktır.
5. break ve continue İfadeler
Break Deyimi
break deyimi, döngünün sona ermesi için gereken koşul karşılanmamış olsa bile, bir döngüden veya switch deyiminden hemen çıkmak için kullanılır.
Örnek:
Bu durumda, döngü 0'dan 4'e kadar olan sayıları yazdıracaktır. i değeri 5'e eşit olduğunda, break deyimi nedeniyle döngü erken sonlanır.
continue Deyimi
continue deyimi, döngünün mevcut yinelemesini atlar ve bir sonrakine geçer.
Örnek:
Bu döngü 0, 1, 2 ve 4'ü yazdıracaktır. i değeri 3'e eşit olduğunda, continue deyimi bu yinelemeyi atlar.
JavaScript'te kontrol akışını anlamak, etkili ve optimize edilmiş kod yazmak için çok önemlidir. İster if-else veya switch kullanarak birden fazla koşul arasında karar verin, ister for veya while ile veriler arasında döngü oluşturun, ister break veya continue kullanarak döngülerden çıkın, bu kontrol akışı araçlarında uzmanlaşmak JavaScript'teki sorunları çözme becerinizi önemli ölçüde geliştirecektir.
if-else
switch
Ternary operator
Loops (for, while, do-while)
break and continue
Her birini ayrıntılı olarak inceleyelim.
1. if-else Deyimi
if-else deyimi, JavaScript'te bir koşulun doğru veya yanlış olarak değerlendirilmesine bağlı olarak belirli kod bloklarını çalıştırmanıza olanak tanıyan temel bir kontrol yapısıdır.
JavaScript:
if (condition) {
// code executed if condition is true
} else {
// code executed if condition is false
}
Örnek:
JavaScript:
let age = 20;
if (age >= 18) {
console.log("You are eligible to vote.");
} else {
console.log("You are not eligible to vote.");
}
Bu örnekte, yaş 18 veya üzerindeyse, kod kişinin oy kullanmaya uygun olduğunu yazdıracaktır; aksi takdirde, uygun olmadığını yazdıracaktır.
else-if ile Birden Fazla Koşulu Zincirleme:
JavaScript:
let score = 85;
if (score >= 90) {
console.log("Grade: A");
} else if (score >= 80) {
console.log("Grade: B");
} else {
console.log("Grade: C");
}
else-if deyimi, biri doğru olana kadar birden fazla koşulu sırayla kontrol etmenizi sağlar. Koşullardan hiçbiri doğru değilse else bloğu çalışacaktır.
2. switch Deyimi
switch deyimi, birden fazla if-else koşulu kullanmaya bir alternatiftir. Tek bir ifadeyi farklı durumlara karşı kontrol eder ve bir eşleşme bulunduğunda ilgili kod bloğunu yürütür.
JavaScript:
switch (expression) {
case value1:
// code to be executed if expression === value1
break;
case value2:
// code to be executed if expression === value2
break;
default:
// code to be executed if no case matches
}
Örnek:
JavaScript:
let day = 3;
switch (day) {
case 1:
console.log("Monday");
break;
case 2:
console.log("Tuesday");
break;
case 3:
console.log("Wednesday");
break;
default:
console.log("Invalid day");
}
Burada, gün değeri çeşitli durumlara karşı kontrol edilir ve uygun mesaj yazdırılır. Gün hiçbir durumla eşleşmezse, varsayılan durum çalışır.
3. Üçlü Operatör
Üçlü işleç, basit if-else koşullarını yazmanın daha kısa bir yoludur. En iyi şekilde, bir değer döndüren hızlı kararlar için kullanılır.
Syntax: condition ? expressionIfTrue : expressionIfFalse;
JavaScript:
let age = 18;
let canVote = (age >= 18) ? "You can vote" : "You cannot vote";
console.log(canVote);
Bu örnekte, üçlü operatör yaşın 18'den büyük veya eşit olup olmadığını kontrol eder. Koşul doğruysa, “oy verebilirsiniz” döndürülür; aksi takdirde, “oy veremezsiniz” döndürülür.
4. Döngüler: for, while, do-while
Döngüler, bir kod bloğunu birden çok kez tekrarlamanızı sağlar. JavaScript, her biri farklı amaçlara hizmet eden çeşitli döngü mekanizmaları sağlar.
a. for Döngüsü
for döngüsü, bir kod bloğunu kaç kez çalıştırmak istediğinizi bildiğinizde kullanılır. Üç bölümden oluşur: başlatma, koşul ve yineleme.
JavaScript:
for (initialization; condition; increment/decrement) {
// code to be executed
}
Örnek:
JavaScript:
for (let i = 0; i < 5; i++) {
console.log(i);
}
Bu döngü 0'dan 4'e kadar olan sayıları yazdıracaktır. Döngü 0'dan başlar (i =0), i 5'ten küçük olduğu sürece çalışır ve her iterasyondan sonra i'yi artırır.
b. while Döngüsü
while döngüsü, belirtilen bir koşul doğru olduğu sürece yürütülür.
JavaScript:
while (condition) {
// code to be executed
}
Örnek:
JavaScript:
let count = 0;
while (count < 5) {
console.log(count);
count++;
}
Bu döngü de 0'dan 4'e kadar olan sayıları yazdırır, ancak for yerine while döngüsü kullanır.
c. do-while Döngüsü
do-while döngüsü while döngüsüne benzer, ancak koşul başlangıçta yanlış olsa bile döngü içindeki kodun en az bir kez yürütülmesini garanti eder.
JavaScript:
do {
// code to be executed
} while (condition);
Örnek:
JavaScript:
let count = 0;
do {
console.log(count);
count++;
} while (count < 5);
Burada, döngü 0'dan 4'e kadar olan sayıları yazdıracaktır. Koşul başlangıçta yanlış olsa bile, döngü koşulu kontrol etmeden önce bir kez çalışacaktır.
5. break ve continue İfadeler
Break Deyimi
break deyimi, döngünün sona ermesi için gereken koşul karşılanmamış olsa bile, bir döngüden veya switch deyiminden hemen çıkmak için kullanılır.
Örnek:
JavaScript:
for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log(i);
}
Bu durumda, döngü 0'dan 4'e kadar olan sayıları yazdıracaktır. i değeri 5'e eşit olduğunda, break deyimi nedeniyle döngü erken sonlanır.
continue Deyimi
continue deyimi, döngünün mevcut yinelemesini atlar ve bir sonrakine geçer.
Örnek:
JavaScript:
for (let i = 0; i < 5; i++) {
if (i === 3) {
continue;
}
console.log(i);
}
Bu döngü 0, 1, 2 ve 4'ü yazdıracaktır. i değeri 3'e eşit olduğunda, continue deyimi bu yinelemeyi atlar.
JavaScript'te kontrol akışını anlamak, etkili ve optimize edilmiş kod yazmak için çok önemlidir. İster if-else veya switch kullanarak birden fazla koşul arasında karar verin, ister for veya while ile veriler arasında döngü oluşturun, ister break veya continue kullanarak döngülerden çıkın, bu kontrol akışı araçlarında uzmanlaşmak JavaScript'teki sorunları çözme becerinizi önemli ölçüde geliştirecektir.