🧱 JavaScript Operatörleri: Kodun Temel Taşları

Kod yazmanın alfabesi, JavaScript’in kas sistemi, beynin eldivenleri 🧠🧤

JavaScript öğrenmek şuna benzer:

• Değişkenleri öğrendin → kelimeleri biliyorsun
• Fonksiyonları öğrendin → cümle kuruyorsun
• Operatörleri öğrendin → anlamlı konuşmaya başlıyorsun

Operatörler olmadan JavaScript sadece suskun değişkenlerden ibarettir.
Onlar gelir ve der ki:

“Topla, karşılaştır, karar ver, kontrolü ele al.”

Hadi tek tek tanışalım. Ama sıkıcı tanışma değil…
🎉 Kahveli, örnekli, esprili tanışma.

1️⃣ Aritmetik Operatörler

“JavaScript matematikten kaçmadı ama kendi kurallarını koydu”

➕ Toplama Operatörü (+)

Masum gibi durur… ama çift karakterlidir 😈

let x = 10;
let y = 5;

console.log(x + y);

🖥️ Çıktı:

15

Buraya kadar her şey normal.

Ama sahneye string girerse işler değişir 👇

console.log("10" + 5);

🖥️ Çıktı:

105

🧠 Neden?
JavaScript diyor ki:

“Biri string mi? Tamam, hepimiz string olalım.”

📌 Pratik ipucu:
Kullanıcıdan gelen veriler çoğunlukla stringtir.
Toplama yapmadan önce Number() ile çevir.

let a = "10";
let b = "5";

console.log(Number(a) + Number(b)); // 15

➖ Çıkarma Operatörü (-)

Burada JavaScript daha disiplinli.

console.log(10 - "5");

🖥️ Çıktı:

5

🧠 Çünkü:

• - string birleştiremez
• Mecburen sayıya çevirir

Ama saçmalarsan JavaScript de pes eder:

console.log(10 - "elma");

🖥️ Çıktı:

NaN

❓ NaN nedir?

“Not a Number”
Yani: “Ben bunu hesaplayamam, kusura bakma.”

✖️ Çarpma (*) ve ➗ Bölme (/)

console.log(6 * 7); // 42
console.log(20 / 4); // 5

String verirsen?

console.log("6" * "7"); // 42

😲 JavaScript yine çevirdi.
Ama bu sefer şanslıyız.

➗ Mod Alma (%)

En underrated operatör ⭐

console.log(10 % 3);

🖥️ Çıktı:

1

📌 Gerçek hayatta nerede kullanılır?

✅ Çift–tek kontrolü

let sayi = 8;

if (sayi % 2 === 0) {
  console.log("Bu sayı çift");
} else {
  console.log("Bu sayı tek");
}

✅ Sayaçlar
✅ Döngü turları
✅ Sayfa numaralandırma

2️⃣ Atama Operatörleri

“Sağdan al, solda sakla”

🟰 Temel Atama (=)

let yas = 30;

⚠️ Bu eşittir değil.
Bu bir atama.

“30’u al, yas’ın içine koy.”

➕= ➖= ✖️= ➗=

Tembel ama zeki yazılımcıların favorisi 😌

let bakiye = 100;

bakiye += 50;

Bu ne demek?

bakiye = bakiye + 50;

🧠 Neden kullanılır?

• Kod kısalır
• Okunur
• Hata ihtimali azalır

📌 Gerçek hayat örneği:

let sepet = 0;

sepet += 1; // ürün eklendi
sepet += 1;
sepet -= 1; // vazgeçildi

3️⃣ Karşılaştırma Operatörleri

“Aynı mıyız, benzer miyiz, alakalı mıyız?”

== vs ===

JavaScript dünyasının en kritik farkı

console.log(5 == "5"); 

🖥️

true

Ama…

console.log(5 === "5");

🖥️

false

🧠 Açıklama:

• == → değere bakar
• === → değer + tip

📌 Altın kuralı duvara as:

JavaScript’te HER ZAMAN === KULLAN

Diğer Karşılaştırmalar

console.log(10 > 3);   // true
console.log(10 < 3);   // false
console.log(10 >= 10); // true
console.log(10 !== 5); // true

🎯 Bunların hepsi boolean döner.

4️⃣ Mantıksal Operatörler

“Kodun beyni burada çalışır” 🧠

&& (VE)

let yas = 22;
let biletVarMi = true;

if (yas >= 18 && biletVarMi) {
  console.log("Konsere girebilirsin 🎸");
}

👉 İkisi de true olmalı.

|| (VEYA)

let kartVar = false;
let nakitVar = true;

if (kartVar || nakitVar) {
  console.log("Ödeme yapılabilir 💳💵");
}

👉 Birinin true olması yeter.

! (DEĞİL)

let girisYaptiMi = false;

if (!girisYaptiMi) {
  console.log("Lütfen giriş yap");
}

🧠 ! = ters çevirici
false → true
true → false

5️⃣ Artırma & Azaltma

Sayıların fitness salonu 🏋️

let sayac = 0;

sayac++;
sayac++;

console.log(sayac);

🖥️

2

📌 Döngülerde vazgeçilmez:

for (let i = 0; i < 5; i++) {
  console.log(i);
}

6️⃣ Ternary Operatör

Mini if–else, maxi karizma ✨

let yas = 16;

let sonuc = yas >= 18 ? "Girebilir" : "Giremez";

console.log(sonuc);

🧠 Yapı:

kosul ? trueSonucu : falseSonucu

📌 İpucu:

• Kısa ve net durumlarda kullan
• İç içe girersen okunmaz, karizma gider 😄

7️⃣ typeof

“Bu ne kardeşim?” operatörü

console.log(typeof 42);       // number
console.log(typeof "JS");     // string
console.log(typeof true);     // boolean
console.log(typeof undefined); // undefined

📌 Debug yaparken can kurtarır.

🚀 Büyük Özet (Ama Sıkıcı Değil)

JavaScript operatörleri:

• Kodun hareket motoru
• Karar mekanizması
• Hesap makinesi
• Mantık beyni

🎯 Öğrenmeden geçme:

• + → bazen kandırır
• % → gizli kahraman
• === → hayat kurtarır
• && / || → gerçek dünya simülasyonu