9.7 KiB

Raw Permalink Blame History Unescape Escape

JavaScript Temelleri: Karar Verme

Sketchnote: Tomomi Imura

Ders Öncesi Test

Karar verme ve kodunuzun hangi sırayla çalışacağını kontrol etme, kodunuzu yeniden kullanılabilir ve sağlam hale getirir. Bu bölüm, JavaScript'te veri akışını kontrol etme sözdizimini ve bunun Boolean veri türleriyle kullanıldığında önemini kapsar.

🎥 Karar verme hakkında bir video için yukarıdaki görsele tıklayın.

Bu dersi Microsoft Learn üzerinden alabilirsiniz!

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

Boolean'lar yalnızca iki değere sahip olabilir: true veya false. Boolean'lar, belirli koşullar sağlandığında hangi kod satırlarının çalışacağını belirlemeye yardımcı olur.

Boolean'ınızı şu şekilde true veya false olarak ayarlayabilirsiniz:

let myTrueBool = true
let myFalseBool = false

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

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

Operatörler, koşulları değerlendirerek bir Boolean değeri oluşturan karşılaştırmalar yapmak için kullanılır. Aşağıda sıkça kullanılan operatörlerin bir listesi bulunmaktadır.

Sembol	Açıklama	Örnek
`<`	Küçüktür: İki değeri karşılaştırır ve sol taraftaki değer sağdakinden 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ğdakinden 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ğdakinden 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ğdakinden büyük veya eşitse `true` Boolean veri türünü döndürür	`5 >= 6 // false`
`===`	Sıkı eşitlik: İki değeri karşılaştırır ve sağdaki ve soldaki değerler eşit ve aynı veri türündeyse `true` Boolean veri türünü döndürür	`5 === 6 // false`
`!==`	Eşit değil: İki değeri karşılaştırır ve sıkı eşitlik operatörünün döndüreceğinin tersini döndürür	`5 !== 6 // true`

✅ Tarayıcınızın konsolunda bazı karşılaştırmalar yazarak bilginizi test edin. Döndürülen veriler sizi şaşırtıyor mu?

If Deyimi

If deyimi, koşul doğru olduğunda bloklar arasındaki kodu çalıştırır.

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

Mantıksal operatörler genellikle koşul oluşturmak için kullanılır.

let currentMoney;
let laptopPrice;

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

If..Else Deyimi

else deyimi, koşul yanlış olduğunda bloklar arasındaki kodu çalıştırır. if deyimiyle kullanımı isteğe bağlıdır.

let currentMoney;
let laptopPrice;

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!");
}

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

Switch Deyimi

switch deyimi, farklı koşullara dayalı olarak farklı işlemler gerçekleştirmek için kullanılır. switch deyimini, yürütülecek birçok kod bloğundan birini seçmek için kullanabilirsiniz.

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

// program using switch statement
let a = 2;

switch (a) {
  case 1:
    a = "one";
    break;
  case 2:
    a = "two";
    break;
  default:
    a = "not found";
    break;
}
console.log(`The value is ${a}`);

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

Mantıksal Operatörler ve Boolean'lar

Kararlar birden fazla karşılaştırma gerektirebilir ve mantıksal operatörlerle birleştirilerek bir Boolean değeri oluşturulabilir.

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

Mantıksal Operatörlerle Koşullar ve Kararlar

Mantıksal operatörler, if..else deyimlerinde koşullar oluşturmak için kullanılabilir.

let currentMoney;
let laptopPrice;
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 true. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

Negasyon Operatörü

Şimdiye kadar, koşullu mantık oluşturmak için bir if...else deyimini nasıl kullanabileceğinizi gördünüz. if içine giren her şey true/false olarak değerlendirilmelidir. ! operatörünü kullanarak ifadeyi tersine çevirebilirsiniz. Şöyle görünecektir:

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

Üçlü İfadeler

if...else, karar mantığını ifade etmenin tek yolu değildir. Ayrıca üçlü operatör adı verilen bir şey de kullanabilirsiniz. Sözdizimi şu şekilde görünür:

let variable = condition ? <return this if true> : <return this if false>

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?

Yukarıdaki ifade şunu belirtir:

Eğer firstNumber, secondNumber'dan büyükse
firstNumber'ı biggestNumber'a atayın
aksi takdirde secondNumber'ı atayın.

Üçlü ifade, aşağıdaki kodu yazmanın yalnızca daha kompakt bir yoludur:

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

🚀 Zorluk

Önce mantıksal operatörlerle yazılmış, ardından üçlü bir ifadeyle yeniden yazılmış bir program oluşturun. Tercih ettiğiniz sözdizimi hangisi?

Ders Sonrası Test

Ders sonrası testi

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 çevirilerin hata veya yanlışlık içerebileceğini lütfen unutmayın. 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ış yorumlamalar için sorumluluk kabul etmiyoruz.

9.7 KiB Raw Permalink Blame History Unescape Escape