Tür dönüşümü
null ile undefined’i ayırdınız. Sıradaki beceri: bir değerin türünü bilerek değiştirmek — etiket için sayıyı metne, hesap için metni sayıya. Buna tür dönüşümü denir. Burada net yardımcılar var: String(), Number() ve Boolean() — bir de sık görülen + sürprizi.
JavaScript'te tür dönüşümü nedir?
Tür dönüşümü, değeri bir türden diğerine taşımaktır. Açık dönüşüm tercih edin: String(42) → "42", Number("7") → 7, Boolean(0) → false. Number metni anlamazsa NaN alırsınız. +’ın bir tarafı string ise çoğu zaman metin birleştirir, toplamaz — bir kez loglayın.
Dönüşüm araç seti
📊 Başlangıç için tür dönüşümü
| Yardımcı / fikir | Örnek | Sonuç / not |
|---|---|---|
String(...) |
String(42) |
"42" (metin) |
Number(...) |
Number("7") |
7 (sayı) |
Boolean(...) |
Boolean(0) |
false (falsy önizleme) |
| Sayısal olmayan metin | Number("hello") |
NaN — typeof hâlâ "number" |
| Boş → boolean | Boolean("") |
false |
+ karışımı |
5 + "2" |
"52" (birleştirme, 7 değil) |
String() — metin üretin
Etiket veya mesaj gerektiğinde değeri String(...) içine alın. Sayılar, boolean’lar, null ve undefined gösterilebilir string olur.
console.log(String(42));
console.log(String(true));
console.log(String(null));
console.log(String(undefined));
console.log(typeof String(42));
Number() — sayı üretin
Metin hesap için gerekiyorsa Number(...) kullanın. Rakam dizileri temiz dönüşür. Sayısal olmayan metin NaN olur.
console.log(Number("7"));
console.log(Number("3.5"));
console.log(Number(true));
console.log(Number(false));
console.log(typeof Number("7"));
Number başarısız olunca — NaN
Number("hello") NaN’dır. Sayılar dersinden: typeof NaN hâlâ "number". NaN’ı başarısız dönüşüm sayın, kullanılabilir miktar değil.
console.log(Number("hello"));
console.log(typeof Number("hello"));
console.log(Number(""));
console.log(Number(null));
Number("") ve Number(null) → 0 — başka bir başlangıç tuzağı. Gerçek tutar için net rakam dizisi verin.
Boolean() — değerden evet/hayır
Boolean(...) değeri true veya false yapar. 0, "", null, undefined, NaN gibi boşlar false olur. Boş olmayan string’ler ve çoğu sayı true olur. Tam truthy / falsy listesi sonraki derste — burada yardımcı yeter.
console.log(Boolean(1));
console.log(Boolean(0));
console.log(Boolean("hi"));
console.log(Boolean(""));
console.log(Boolean(null));
+ sürprizi — birleştirme mi toplama mı?
+’ın bir yanı string ise JavaScript çoğu zaman metin birleştirir. Matematik istiyorsanız önce Number() ile dönüştürün.
console.log(5 + 2);
console.log(5 + "2");
console.log(Number("5") + Number("2"));
console.log("Score: " + 10);
Dönüşümleri sayfada gösterin
Birkaç değeri dönüştürüp textContent ile kısa etiket yazın.
<!DOCTYPE html>
<html>
<head>
<title>Type conversion — labels</title>
</head>
<body>
<p id="out">…</p>
<script>
let raw = "12";
let asNumber = Number(raw);
let asText = String(asNumber);
let flag = Boolean(asNumber);
document.getElementById("out").textContent =
"raw=" + raw +
" | number=" + asNumber +
" | text=" + asText +
" | flag=" + flag;
</script>
</body>
</html>
Paragraf aynı fikri üç biçimde gösterir. raw’ı "0" yapın, yenileyin: flag false olur, sayı 0 kalır.
Kendiniz deneyin
String(99),String(false)vetypeof String(99)loglayın.Number("8")veNumber("8") + 2— hesap bekleyin,"82"değil.Number("oops")vetypeof(NaN, hâlâ"number").Boolean("")veBoolean("ok")loglayın.3 + "4"loglayın; sonraNumber("3") + Number("4")yazın.- HTML demoda
raw="0", yenileyin, yeniflag’i okuyun.
Sık hatalar
+’ın her zaman topladığını sanmak — string birleştirebilirNumber("hello")sonrasıNaN’ı yok sayıp hesap yapmak- Bu dersin truthy / falsy’nin yerini tuttuğunu düşünmek —
Boolean()sadece önizleme String(null)’un""olmasını beklemek — metin"null"’dur- Sonuç garipken
typeof’u unutmak
Özet
- Tür dönüşümü: değerin türünü bilerek değiştirmek
- Net niyet için
String(),Number(),Boolean()tercih edin - Sayısal olmayan metin →
NaN;typeof NaNhâlâ"number" - String ile
+çoğu zaman birleştirir — toplamadan önce dönüştürün - Sonraki: truthy ve falsy — koşullarda hangi değerler true/false gibi davranır
🧠 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