Frontend Academy · Ders

Denetim Akışı: if else switch for while

if/else ve switch ile dallanın, for ve while ile döngü oluşturun; yinelemeyi denetlemek için break ve continue kullanın.

Denetim Akışı: if else switch for while, CoddyKit'te ücretsiz bir Frontend Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Frontend Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Frontend Academy kursu toplamda 4 dersten oluşur.

Denetim Akışı Nedir?

Denetim akışı, hangi kodun ve kaç kez çalışacağını belirler. JavaScript, koşullara ve verilere göre yürütme yolunu yönlendirmek için koşullu ifadeler (if/else, switch) ve döngüler (for, while, do/while) sağlar.

if / else if / else

En temel koşullu yapı. Parantez içindeki koşul, doğru veya yanlış olarak değerlendirilir. Birden çok koşul else if ile birbirine bağlanır. Son else ise diğer durumları kapsayan varsayılan seçenektir.

const score = 75;

if (score >= 90) {
  console.log('A');
} else if (score >= 80) {
  console.log('B');
} else if (score >= 70) {
  console.log('C');
} else {
  console.log('F');
}

Üçlü İşleç

Üçlü işleç, satır içinde kullanılan kısa bir if/else yapısıdır: condition ? trueValue : falseValue. Basit atamalar ve JSX ifadeleri için kullanın. İç içe üçlü işleçlerden kaçının; kısa sürede okunamaz hâle gelirler.

const label = age >= 18 ? 'Adult' : 'Minor';
const icon = isActive ? '🟢' : '🔴';

// In JSX:
<span>{isLoggedIn ? 'Logout' : 'Login'}</span>

switch İfadesi

switch, bir değeri katı eşitlik kullanarak birden çok durumla karşılaştırır. Bir sonraki duruma otomatik geçişi önlemek için her durumdan sonra break kullanın. default, eşleşmeyen değerleri ele alır.

const day = 'Monday';
switch (day) {
  case 'Saturday':
  case 'Sunday':
    console.log('Weekend');
    break;
  case 'Monday':
    console.log('Start of work week');
    break;
  default:
    console.log('Weekday');
}

for Döngüsü

Klasik C tarzı for döngüsü şu bölümlerden oluşur: başlatıcı; koşul; artırma. Bilinen sayıda yineleme yapmak veya dizilerde indeks üzerinden ilerlemek için en uygunudur.

for (let i = 0; i < 5; i++) {
  console.log(i); // 0 1 2 3 4
}

// Iterate array by index:
const names = ['Alice', 'Bob', 'Carol'];
for (let i = 0; i < names.length; i++) {
  console.log(names[i]);
}

for...of Döngüsü

for...of, yinelenebilir herhangi bir yapının değerleri üzerinde ilerler (diziler, dizeler, Map ve Set yapıları). İndekse ihtiyacınız olmadığında indeks tabanlı for döngüsüne göre daha okunaklıdır.

const fruits = ['apple', 'banana', 'cherry'];
for (const fruit of fruits) {
  console.log(fruit);
}

for (const char of 'hello') {
  console.log(char); // h e l l o
}

for...in Döngüsü

for...in, bir nesnenin numaralandırılabilir özellik anahtarları üzerinde ilerler. Dizilerde kullanmayın; bunun yerine for...of veya dizi yöntemlerini tercih edin.

const user = { name: 'Alice', age: 30, role: 'admin' };
for (const key in user) {
  console.log(`${key}: ${user[key]}`);
}

while Döngüsü

while döngüsü, koşulu doğru kabul edildiği sürece çalışır. Yineleme sayısı önceden bilinmediğinde kullanın; örneğin, kullanıcı geçerli bir değer girene kadar input okumak için.

let attempts = 0;
let success = false;
while (!success && attempts < 3) {
  // try something
  attempts++;
  success = Math.random() > 0.5; // simulate
}
console.log(`Done in ${attempts} attempts`);

do...while Döngüsü

do...while, koşulu kontrol etmeden önce gövdeyi en az bir kez çalıştırır. Çıkış koşulunu değerlendirebilmenizden önce gövdenin çalışması gerektiğinde kullanışlıdır.

let input;
do {
  input = prompt('Enter a number:');
} while (isNaN(Number(input)));

break ve continue

break, geçerli döngüden hemen çıkar. continue, geçerli yinelemenin kalanını atlar ve bir sonrakine geçer. Her ikisi de for, while ve do/while döngülerinde çalışır.

for (let i = 0; i < 10; i++) {
  if (i === 3) continue;  // skip 3
  if (i === 7) break;     // stop at 7
  console.log(i);         // 0 1 2 4 5 6
}

Kısa Devre Değerlendirmesi

&&, ilk yanlış kabul edilen değeri veya son değeri döndürür. ||, ilk doğru kabul edilen değeri veya son değeri döndürür. ?? (nullish birleştirme), yalnızca sol taraf null veya undefined ise sağ tarafı döndürür.

const name = user && user.name;    // null if user is falsy
const label = name || 'Anonymous'; // 'Anonymous' if name is falsy
const port = config.port ?? 3000;  // 3000 only if port is null/undefined

Hızlı Kontrol

Hangi döngünün gövdesini en az bir kez çalıştıracağı garanti edilir?

Özet: JavaScript Akış Denetimi

Dallanma için if/else. Birden çok ayrı değer için switch. Bilinen yineleme sayıları için for döngüsü. Yinelenebilir yapılar için for...of. Bilinmeyen yineleme sayıları için while. En az bir kez çalışması gereken durumlar için do...while. Döngülerden çıkmak için break. Yinelemeleri atlamak için continue. Kısa koşullu ifadeler için kısa devre işleçleri.

Sıkça Sorulan Sorular

“Denetim Akışı: if else switch for while” dersi ücretsiz mi?

Evet — “Denetim Akışı: if else switch for while” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Frontend Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Frontend Academy kursu toplamda 4 dersten oluşur.

“Denetim Akışı: if else switch for while” dersinde ne öğreneceğim?

if/else ve switch ile dallanın, for ve while ile döngü oluşturun; yinelemeyi denetlemek için break ve continue kullanın. Frontend Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Frontend Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Frontend Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“Denetim Akışı: if else switch for while” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Frontend Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Frontend Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

Değişkenler: let const var ve Kapsam
Veri Türleri: string number boolean null undefined
İşlevler: Bildirimler, İfadeler ve Ok İşlevleri
Denetim Akışı: if else switch for while

← Frontend Academy Sayfasına Dön