JavaScript operatörleri
Bir koşulda değerlerin nasıl davrandığını biliyorsunuz — truthy ve falsy. Sıradaki beceri: değerler üzerinde çalışan sembolleri okumak — toplamak, saklamak, karşılaştırmak veya evet/hayır sonuçlarını birleştirmek. Bunlar operatörlerdir. Bu ders bir aile haritasıdır; her sembole dalmak değil. Sonraki dersler aritmetik, atama, karşılaştırma ve mantığı tek tek derinleştirir.
JavaScript’te operatör nedir?
Operatör, JavaScript’e bir veya daha fazla değerle bir şey yap diyen bir sembol (veya kısa sözcük)tür. Üzerinde çalıştığı değerlere operand denir. 3 + 4 ifadesinde + operatör, 3 ve 4 operanddır. Neredeyse her satırda operatör görürsünüz — önce aile adlarını öğrenin ki semboller rastgele görünmesin.
Operatör aileleri (başlangıç haritası)
📊 Başlangıç operatör aileleri
| Aile | Tek satırda işi | Yakında göreceğiniz örnekle |
|---|---|---|
| Aritmetik | sayılarla hesaplamak | + - * / % |
| Atama | değeri değişkene koymak | = += |
| Karşılaştırma | değerler hakkında evet/hayır sormak | === !== > < |
| Mantık | evet/hayır sonuçlarını birleştirmek veya tersine çevirmek | && · OR · ! |
Bu tabloyu elinizin altında tutun. Yeni bir sembol mü? Sorun: hangi aile? İlk günde koca bir liste ezberlemekten daha işe yarar.
Aritmetiğe kısa bakış
Aritmetik operatörler çoğunlukla sayılarla çalışır ve yeni bir değer döndürür. % bölme kalanıdır — sonra «her N’inci» kalıplarında işe yarar.
console.log(10 + 3);
console.log(10 - 3);
console.log(10 * 3);
console.log(10 / 3);
console.log(10 % 3);
Tam aritmetik dersi sırada. Burada aileyi tanımak ve kısa bir ifadeyi okumak yeter.
Atama bir değeri sakla
= matematik dersindeki «eşittir» değildir. Atar: sağdaki değeri soldaki değişkene koyar.
let score = 0;
score = 10;
console.log(score);
let label = "hi";
label = label + "!";
console.log(label);
+= gibi kısayollar aynı ailedendir; atama dersinde alıştırma yaparsınız.
Karşılaştırma soru sora
Karşılaştırma operatörleri bir boolean döndürür: true veya false. Başlangıçta === (sıkı eşitlik) tercih edin — hem değeri hem türü kontrol eder. Daha derin karşılaştırma dersi sonra gelir.
console.log(5 === 5);
console.log(5 === "5");
console.log(7 > 3);
console.log(2 !== 9);
5 === "5" sonucu false’tur çünkü sayı ile dize farklı türlerdir. Bu sıkı eşitliğin özelliğidir, hata değil.
Mantık evet/hayırı birleştiri
Mantık operatörleri boolean benzeri sonuçlarla çalışır. && her iki tarafın truthy olmasını ister. || için biri yeter. ! truthy/falsy’yi tersine çevirir. Fikri önceki dersten biliyorsunuz; burada birkaç kontrolü bağlarsınız.
console.log(true && true);
console.log(true && false);
console.log(false || true);
console.log(!false);
let age = 20;
console.log(age >= 18 && age < 65);
+ dikkat: toplama mı yapıştırma mı?
İki sayı ile + çoğu zaman toplar. Bir taraf dize ise + çoğu zaman yapıştırır (birleştirme). Tür dönüşümünde görmüştünüz — operatör haritasında da yeri var.
console.log(2 + 3);
console.log("2" + 3);
console.log(2 + "3");
console.log("Hi" + " " + "Sam");
Sayfada bir ifadeyi gösterin
Kısa bir ifade ziyaretçinin metnini belirleyebilir. Sayıları veya karşılaştırmayı değiştirip yenileyin.
<!DOCTYPE html>
<html>
<head>
<title>Operators — page demo</title>
</head>
<body>
<p id="out">…</p>
<script>
let a = 8;
let b = 5;
let sum = a + b;
let ok = sum >= 10;
let box = document.getElementById("out");
box.textContent = "sum=" + sum + " · ok=" + ok;
</script>
</body>
</html>
Burada aritmetik (+), karşılaştırma (>=) ve dize birleştirme (+ ile metin) birlikte çalışır. Gerçek sayfalarda bu karışım yaygındır.
Kendiniz deneyin
15 + 4,15 - 4,15 * 4,15 / 4ve15 % 4yazdırın.let n = 1yazın, sonran = n + 2, sonranyazdırın.10 === 10ve10 === "10"yazdırın.true && falsevetrue || falseyazdırın."7" + 1ile7 + 1’i yan yana bakın.- HTML demoda
aveyab’yi değiştiripok’ufalseyapın, sonra yenileyin.
Sık yapılan hatala
=’yi «eşittir» okumak — saklar; karşılaştırmak için===+’nın her zaman topladığını sanmak — dize varsa çoğu zaman yapıştırır- Dört aile adından önce tüm sembolleri ezberlemek
- Karşılaştırmayı (
===) mantıkla (&&) karıştırmak — farklı işle - Haritayı atlayıp erken ileri operatörlere atlamak
Özet
- Bir operatör değerler (operandlar) üzerinde çalışı
- Başlangıç aileleri: aritmetik, atama, karşılaştırma, mantık
=saklar;===karşılaştırır;&&/||/!evet/hayırı birleştiri+sayıları toplayabilir veya dizeleri yapıştırabili- Sonraki: aritmetik —
+-*/%’ye daha derin bakış
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek