JavaScript aritmetik
Operatör aileleri haritasını biliyorsunuz. Bu ders aritmetik aileye iner — çoğunlukla sayılarla çalışan ve yeni bir değer üreten semboller. + - * / % çalışacak, parantezle sırayı kontrol edecek, ++ ve -- ile sayacı oynatacak, kuvvet operatörü ile kuvvet alacak ve klasik tuzağı düzelteceksiniz: + toplamak yerine metin yapıştırdığında.
Aritmetik operatörler nedir?
Aritmetik operatörler JavaScript’e hesapla der. Üzerinde çalışılan değerlere hâlâ operand denir. 12 / 4 içinde / operatör, 12 ve 4 operanddır. Sonucu saklayabilir, konsola yazabilir veya sayfada gösterebilirsiniz.
Beş günlük operatör
📊 Günlük aritmetik operatörler
| Operatör | İş | Örnek sonuç |
|---|---|---|
+ |
toplama | 7 + 3 → 10 |
- |
çıkarma | 7 - 3 → 4 |
* |
çarpma | 7 * 3 → 21 |
/ |
bölme | 7 / 2 → 3.5 |
% |
bölmeden kalan | 7 % 3 → 1 |
Bu tabloyu elinizin altında tutun. / ondalık verebilir. % «yüzde» değildir — kalandır.
console.log(20 + 4);
console.log(20 - 4);
console.log(20 * 4);
console.log(20 / 4);
console.log(20 % 4);
console.log(20 / 3);
% ile kalan kalıpları
% sorar: «bölünce ne kalır?» Bu kalan çift/tek kontrolü ve «her N’inci» mantığı için işe yarar.
console.log(8 % 2);
console.log(9 % 2);
console.log(15 % 5);
console.log(17 % 5);
let n = 12;
console.log(n % 2 === 0);
8 % 2 → 0 (çift). 9 % 2 → 1 (tek). Yaygın çift testi: n % 2 === 0. İleride döngülerde kalan kullanırsınız; şimdilik kalanı okuyun yeter.
Öncelik ve parantez
JavaScript her sembolü her zaman soldan sağa işlemez. Çarpma ve bölme genelde toplama ve çıkarmadan önce gelir. Parantez istediğiniz sırayı dayatır — önce (…) içini okuyun.
console.log(2 + 3 * 4);
console.log((2 + 3) * 4);
console.log(10 - 6 / 2);
console.log((10 - 6) / 2);
Parantezsiz 2 + 3 * 4 = 14 (önce çarpma). (2 + 3) * 4 ile 20 alırsınız. Fiyat veya formülde sıra önemliyse parantezi bilerek yazın.
++ -- ve kuvvet operatörü
++ sayı değişkenini bir artırır. -- bir azaltır. kuvvet operatörü kuvvet (üssü) alır. Henüz rahat değilseniz net satır n = n + 1 de doğrudur; döngülerde ++ çok göreceksiniz.
let lives = 3;
lives++;
console.log(lives);
lives--;
console.log(lives);
console.log(2 ** 3);
console.log(5 ** 2);
lives++ sonrası değer 4 olur. 2 üzeri 3 = 8. 5 üzeri 2 = 25. += gibi kısayollar sonraki atama dersinde — burada hesap sembollerinde kalıyoruz.
+ yapıştırınca, toplamazken
+’nın bir tarafı string ise JavaScript çoğu zaman birleştirir. Gerçekten toplamak istediğinizde Number(...) kullanın.
console.log("5" + 2);
console.log(Number("5") + 2);
console.log(5 + Number("2"));
let a = "10";
let b = "3";
console.log(Number(a) + Number(b));
"5" + 2 → "52". Number("5") + 2 → 7. Tip dönüşümüyle aynı fikir — formlarda ve sayfa metninde sık çıkar.
Sayfada toplam göster
Küçük bir fiş hesaplayın, kalanı ipucu olarak kullanın ve sonucu sayfaya yazın.
<!DOCTYPE html>
<html>
<head>
<title>Arithmetic — page total</title>
</head>
<body>
<p id="out">…</p>
<script>
let price = 12;
let qty = 3;
let shipping = 4;
let total = price * qty + shipping;
let leftover = total % 5;
let box = document.getElementById("out");
box.textContent = "total=" + total + " · rem5=" + leftover;
</script>
</body>
</html>
Burada * +’dan önce çalışır; yani 12 * 3 + 4 → 40. 40 % 5 = 0. price, qty veya shipping değiştirip yenileyin; iki sayıyı kontrol edin.
Kendiniz deneyin
14 + 5,14 - 5,14 * 5,14 / 5ve14 % 5yazdırın.%ve=== 0ile22’nin çift olup olmadığını test edin.1 + 2 * 3ile(1 + 2) * 3’ü karşılaştırın.let c = 0ile başlayın, iki kezc++çalıştırın, sonracyazdırın.- 3 üzeri 3 ve
Number("8") + 1yazdırın. - HTML demoda yalnızca
qtydeğiştirin, yenileyin, yeni toplam ve kalanı okuyun.
Sık hatalar
%’yi «yüzde» okumak — bu kalandır+’nın her zaman toplamasını beklemek — string tarafı çoğu zaman yapıştırır*//kazanmamalıyken parantezi unutmak++(bir değiştirmek) ile=(herhangi değeri saklamak) karıştırmak- Ham sayılar yerine görüntü string’leriyle hesap yapmak
Özet
- Aritmetik:
+-*/% %kalandır — çift/tek ve «her N’inci» için- Parantez önceliği kontrol eder; genelde
*/önce+- ++/--bir değiştirir; kuvvet operatörü kuvvet alır+birleştiriyorsaNumber()kullanın- Sonraki: atama —
=ve arkadaşlarıyla saklama/güncelleme
🧠 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