15 KiB

Raw Blame History Unescape Escape

JavaScript Temelleri: Karar Verme

Sketchnote: Tomomi Imura

Hiç uygulamaların nasıl akıllıca kararlar verdiğini merak ettiniz mi? Örneğin, bir navigasyon sisteminin en hızlı rotayı nasıl seçtiğini veya bir termostatın ısıtmayı ne zaman açacağına nasıl karar verdiğini? İşte bu, programlamada karar verme kavramının temelidir.

Charles Babbage'ın Analitik Motoru'nun koşullara bağlı olarak farklı işlem dizilerini takip etmek üzere tasarlandığı gibi, modern JavaScript programlarının da değişen durumlara göre seçim yapması gerekir. Bu dallanma ve karar verme yeteneği, statik kodu duyarlı ve akıllı uygulamalara dönüştüren şeydir.

Bu derste, programlarınızda koşullu mantığı nasıl uygulayacağınızı öğreneceksiniz. Koşullu ifadeleri, karşılaştırma operatörlerini ve kodunuzun durumları değerlendirip uygun şekilde yanıt vermesini sağlayan mantıksal ifadeleri keşfedeceğiz.

Ders Öncesi Test

Ders öncesi test

Karar verme ve program akışını kontrol etme yeteneği, programlamanın temel bir yönüdür. Bu bölüm, JavaScript programlarınızın yürütme yolunu Boolean değerleri ve koşullu mantık kullanarak nasıl kontrol edeceğinizi kapsar.

🎥 Yukarıdaki görsele tıklayarak karar verme hakkında bir video izleyebilirsiniz.

Bu dersi Microsoft Learn üzerinden alabilirsiniz!

Boolean'lar Üzerine Kısa Bir Hatırlatma

Karar vermeyi keşfetmeden önce, önceki dersimizden Boolean değerlerini tekrar gözden geçirelim. Matematikçi George Boole'un adını taşıyan bu değerler, ikili durumları temsil eder – ya true ya da false. Hiçbir belirsizlik yok, ara bir durum yok.

Bu ikili değerler, tüm hesaplama mantığının temelini oluşturur. Programınızın verdiği her karar nihayetinde bir Boolean değerlendirmesine indirgenir.

Boolean değişkenler oluşturmak oldukça basittir:

let myTrueBool = true;
let myFalseBool = false;

Bu, açık Boolean değerlerine sahip iki değişken oluşturur.

✅ Boolean'lar, İngiliz matematikçi, filozof ve mantıkçı George Boole (1815–1864) adını taşır.

Karşılaştırma Operatörleri ve Boolean'lar

Pratikte, Boolean değerlerini manuel olarak ayarlamanız nadirdir. Bunun yerine, koşulları değerlendirerek onları oluşturursunuz: "Bu sayı diğerinden büyük mü?" veya "Bu değerler eşit mi?"

Karşılaştırma operatörleri bu değerlendirmeleri mümkün kılar. Değerleri karşılaştırır ve operatörlerin ilişkisinden yola çıkarak Boolean sonuçlar döndürür.

Sembol	Açıklama	Örnek
`<`	Küçüktür: İki değeri karşılaştırır ve sol taraftaki değer sağ taraftakinden küçükse `true` Boolean veri türünü döndürür	`5 < 6 // true`
`<=`	Küçük veya eşittir: İki değeri karşılaştırır ve sol taraftaki değer sağ taraftakinden küçük veya eşitse `true` Boolean veri türünü döndürür	`5 <= 6 // true`
`>`	Büyüktür: İki değeri karşılaştırır ve sol taraftaki değer sağ taraftakinden büyükse `true` Boolean veri türünü döndürür	`5 > 6 // false`
`>=`	Büyük veya eşittir: İki değeri karşılaştırır ve sol taraftaki değer sağ taraftakinden büyük veya eşitse `true` Boolean veri türünü döndürür	`5 >= 6 // false`
`===`	Kesin eşitlik: İki değeri karşılaştırır ve sağ ve sol taraftaki değerler hem eşit hem de aynı veri türündeyse `true` Boolean veri türünü döndürür	`5 === 6 // false`
`!==`	Eşitsizlik: İki değeri karşılaştırır ve kesin eşitlik operatörünün döndüreceği Boolean değerin tersini döndürür	`5 !== 6 // true`

✅ Bilginizi kontrol etmek için tarayıcınızın konsolunda bazı karşılaştırmalar yazın. Döndürülen veriler sizi şaşırtıyor mu?

If İfadesi

if ifadesi, kodunuzda bir soru sormak gibidir. "Eğer bu koşul doğruysa, o zaman bu şeyi yap." JavaScript'te karar vermek için kullanacağınız en önemli araçlardan biridir.

İşte nasıl çalıştığı:

if (condition) {
  // Condition is true. Code in this block will run.
}

Koşul parantezlerin içine gider ve eğer true ise, JavaScript süslü parantezlerin içindeki kodu çalıştırır. Eğer false ise, JavaScript o bloğu tamamen atlar.

Bu koşulları oluşturmak için genellikle karşılaştırma operatörlerini kullanırsınız. İşte pratik bir örnek:

let currentMoney = 1000;
let laptopPrice = 800;

if (currentMoney >= laptopPrice) {
  // Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
}

1000 >= 800 true olarak değerlendirildiği için, blok içindeki kod çalışır ve konsolda "Yeni bir laptop alınıyor!" mesajını gösterir.

If..Else İfadesi

Peki ya koşul yanlış olduğunda programınızın farklı bir şey yapmasını istiyorsanız? İşte burada else devreye girer – yedek bir plan gibi.

else ifadesi, "eğer bu koşul doğru değilse, bunun yerine başka bir şey yap" demenizi sağlar.

let currentMoney = 500;
let laptopPrice = 800;

if (currentMoney >= laptopPrice) {
  // Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  // Condition is false. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

Şimdi 500 >= 800 false olduğu için, JavaScript ilk bloğu atlar ve bunun yerine else bloğunu çalıştırır. Konsolda "Henüz yeni bir laptop alacak kadar param yok!" mesajını görürsünüz.

✅ Bu kodu ve aşağıdaki kodu tarayıcı konsolunda çalıştırarak anlayışınızı test edin. currentMoney ve laptopPrice değişkenlerinin değerlerini değiştirerek döndürülen console.log() çıktısını değiştirin.

Switch İfadesi

Bazen bir değeri birden fazla seçeneğe karşı karşılaştırmanız gerekir. Birkaç if..else ifadesini zincirleyebilirsiniz, ancak bu yaklaşım karmaşık hale gelir. switch ifadesi, birden fazla ayrık değeri ele almak için daha düzenli bir yapı sağlar.

Bu konsept, erken dönem telefon santrallerinde kullanılan mekanik anahtarlama sistemlerine benzer – bir giriş değeri, yürütmenin hangi özel yolu izleyeceğini belirler.

switch (expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
    // code block
}

İşte yapısı:

JavaScript ifadeyi bir kez değerlendirir
Her bir casei kontrol eder ve eşleşme arar
Eşleşme bulduğunda, o kod bloğunu çalıştırır
break, JavaScript'e durmasını ve switch'ten çıkmasını söyler
Hiçbir case eşleşmezse, default bloğunu çalıştırır (varsa)

// Program using switch statement for day of week
let dayNumber = 2;
let dayName;

switch (dayNumber) {
  case 1:
    dayName = "Monday";
    break;
  case 2:
    dayName = "Tuesday";
    break;
  case 3:
    dayName = "Wednesday";
    break;
  default:
    dayName = "Unknown day";
    break;
}
console.log(`Today is ${dayName}`);

Bu örnekte, JavaScript dayNumberın 2 olduğunu görür, eşleşen case 2yi bulur, dayNamei "Salı" olarak ayarlar ve ardından switch'ten çıkar. Sonuç? Konsolda "Bugün Salı" mesajı görüntülenir.

✅ Bu kodu ve aşağıdaki kodu tarayıcı konsolunda çalıştırarak anlayışınızı test edin. a değişkeninin değerlerini değiştirerek döndürülen console.log() çıktısını değiştirin.

Mantıksal Operatörler ve Boolean'lar

Karmaşık kararlar genellikle birden fazla koşulu aynı anda değerlendirmeyi gerektirir. Boolean cebiri, matematikçilerin mantıksal ifadeleri birleştirmesine olanak tanıdığı gibi, programlama da birden fazla Boolean koşulunu bağlamak için mantıksal operatörler sağlar.

Bu operatörler, basit doğru/yanlış değerlendirmeleri birleştirerek karmaşık koşullu mantık sağlar.

Sembol	Açıklama	Örnek
`&&`	Mantıksal VE: İki Boolean ifadeyi karşılaştırır. Her iki taraf da doğruysa `true` döner	`(5 > 3) && (5 < 10) // Her iki taraf doğru. true döner`
`\|\|`	Mantıksal VEYA: İki Boolean ifadeyi karşılaştırır. En az bir taraf doğruysa `true` döner	`(5 > 10) \|\| (5 < 10) // Bir taraf yanlış, diğer doğru. true döner`
`!`	Mantıksal DEĞİL: Bir Boolean ifadesinin ters değerini döner	`!(5 > 10) // 5, 10'dan büyük değil, bu yüzden "!" bunu doğru yapar`

Bu operatörler, koşulları faydalı şekillerde birleştirmenizi sağlar:

VE (&&) her iki koşulun da doğru olması gerektiği anlamına gelir
VEYA (||) en az bir koşulun doğru olması gerektiği anlamına gelir
DEĞİL (!) doğruyu yanlışa (ve tam tersine) çevirir

Mantıksal Operatörlerle Koşullar ve Kararlar

Bu mantıksal operatörlerin daha gerçekçi bir örnekle nasıl çalıştığını görelim:

let currentMoney = 600;
let laptopPrice = 800;
let laptopDiscountPrice = laptopPrice - (laptopPrice * 0.2); // Laptop price at 20 percent off

if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice) {
  // Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  // Condition is false. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

Bu örnekte: %20 indirimli fiyatı (640) hesaplıyoruz, ardından mevcut paramızın ya tam fiyatı ya da indirimli fiyatı karşılayıp karşılamadığını değerlendiriyoruz. 600, indirimli fiyat eşiğini (640) karşıladığı için koşul doğru olarak değerlendirilir.

Negasyon Operatörü

Bazen bir şeyin doğru OLMADIĞI durumları düşünmek daha kolaydır. Örneğin, "Kullanıcı giriş yaptı mı?" diye sormak yerine "Kullanıcı giriş yapmadı mı?" diye sorabilirsiniz. Ünlem işareti (!) operatörü mantığı sizin için tersine çevirir.

if (!condition) {
  // runs if condition is false
} else {
  // runs if condition is true
}

! operatörü, "tam tersi..." demek gibidir – bir şey true ise, ! bunu false yapar ve tam tersi.

Ternary İfadeler

Basit koşullu atamalar için JavaScript, ternary operatörünü sağlar. Bu kısa sözdizimi, bir koşullu ifadeyi tek bir satırda yazmanıza olanak tanır ve bir koşula bağlı olarak iki değerden birini atamanız gerektiğinde kullanışlıdır.

let variable = condition ? returnThisIfTrue : returnThisIfFalse;

Bu, bir soru gibi okunur: "Bu koşul doğru mu? Evetse, bu değeri kullan. Hayırsa, şu değeri kullan."

Aşağıda daha somut bir örnek verilmiştir:

let firstNumber = 20;
let secondNumber = 10;
let biggestNumber = firstNumber > secondNumber ? firstNumber : secondNumber;

✅ Bu kodu birkaç kez okuyarak bir dakikanızı ayırın. Bu operatörlerin nasıl çalıştığını anlıyor musunuz?

Bu satır şunu söylüyor: "firstNumber secondNumberdan büyük mü? Evetse, firstNumberı biggestNumbera koy. Hayırsa, secondNumberı biggestNumbera koy."

Ternary operatörü, bu geleneksel if..else ifadesini daha kısa bir şekilde yazmanın bir yoludur:

let biggestNumber;
if (firstNumber > secondNumber) {
  biggestNumber = firstNumber;
} else {
  biggestNumber = secondNumber;
}

Her iki yaklaşım da aynı sonuçları üretir. Ternary operatörü kısalık sunarken, geleneksel if-else yapısı karmaşık koşullar için daha okunabilir olabilir.

🚀 Meydan Okuma

Önce mantıksal operatörlerle yazılmış, ardından bir ternary ifade kullanılarak yeniden yazılmış bir program oluşturun. Hangi sözdizimini tercih ediyorsunuz?

GitHub Copilot Agent Meydan Okuması 🚀

Agent modunu kullanarak aşağıdaki meydan okumayı tamamlayın:

Açıklama: Bu dersteki birden fazla karar verme konseptini içeren kapsamlı bir not hesaplayıcı oluşturun. Bu, if-else ifadeleri, switch ifadeleri, mantıksal operatörler ve ternary ifadeleri içermelidir.

Talimat: Bir öğrencinin sayısal notunu (0-100) alan ve aşağıdaki kriterlere göre harf notunu belirleyen bir JavaScript programı yazın:

A: 90-100
B: 80-89
C: 70-79
D: 60-69
F: 60'ın altında

Gereksinimler:

Harf notunu belirlemek için bir if-else ifadesi kullanın
Öğrencinin geçip geçmediğini (not >= 60) VE onur derecesine sahip olup olmadığını (not >= 90) kontrol etmek için mantıksal operatörler kullanın
Her harf notu için özel geri bildirim sağlamak için bir switch ifadesi kullanın
Öğrencinin bir sonraki kursa uygun olup olmadığını (not >= 70) belirlemek için bir ternary operatörü kullanın
Notun 0 ile 100 arasında olduğundan emin olmak için giriş doğrulaması ekleyin

Programınızı 59, 60, 89, 90 ve geçersiz girişler gibi çeşitli notlarla test edin.

Daha fazla bilgi için agent mode bağlantısını ziyaret edin.

Ders Sonrası Test

Ders sonrası test

Gözden Geçirme ve Kendi Kendine Çalışma

Kullanıcıya sunulan birçok operatör hakkında daha fazla bilgi edinmek için MDN'de okuyun.

Josh Comeau'nun harika operatör rehberine göz atın!

Ödev

Operatörler

Feragatname:
Bu belge, AI çeviri hizmeti Co-op Translator kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çeviriler hata veya yanlışlıklar içerebilir. Belgenin orijinal dili, yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımından kaynaklanan yanlış anlamalar veya yanlış yorumlamalardan sorumlu değiliz.

15 KiB Raw Blame History Unescape Escape