Yaygın dönüşüm hataları

Sayıya dönüşümde karşılaşılan sık hataları ve nasıl önleneceğini öğrenirsin.

NaN tuzağı

Number() fonksiyonu sayıya çeviremeyen bir dizgi aldığında NaN döner. Örneğin Number("abc") NaN verir.

Tuzak şudur: NaN bir sayı türüdür ve matematik işlemlerine girince sonucu yine NaN yapar. NaN + 5 yine NaN olur. Üstelik NaN === NaN false döner. Bu yüzden NaN denetlemek için her zaman Number.isNaN() kullanırsın. Böylece hatalı girişler sessizce yayılmaz.

Boş dizgi sıfır olur

Sayıcılar için sıkça karşılan bir başka tuzak: Number("") 0 döner. Yani boş bir kullanıcı girişi 0 ile karışabilir.

Bunu önlemek için önce girişin boş mu yoksa geçersiz mi olduğuna bakarsın. İlke şu: if (input === "") ile boş girişi yakala; else if (Number.isNaN(Number(input))) ile geçersiz girişi yakala; geri kalan durumda gerçek sayıyı kullan. Bu sıra beklenmedik sıfırları önler.

Uygulama Güvenli sayı çözücü

safeParse adında bir fonksiyon tanımla. input parametresi alsın. Gövdede let n = Number(input) ile sayıya çevir. Sonra if (Number.isNaN(n)) ile NaN denetle; NaN ise return 0 yap. Değilse en son return n ile sayıyı döndür.

Örnek çözümü göster

function safeParse(input) {
  let n = Number(input);
  if (Number.isNaN(n)) {
    return 0;
  }
  return n;
}

Uygulama Üç giriş türünü sına

Aşağıdaki safeParse fonksiyonu tanımlı. Şimdi onu üç değerle çağır ve sonucu yazdır: console.log(safeParse("42")), console.log(safeParse("abc")) ve console.log(safeParse("")). Her çağrıyı ayrı satıra yaz.

Örnek çözümü göster

function safeParse(input) {
  let n = Number(input);
  if (Number.isNaN(n)) {
    return 0;
  }
  return n;
}

console.log(safeParse("42"));
console.log(safeParse("abc"));
console.log(safeParse(""));

Kendini test et

Number("abc") ne döner?
```
console.log(Number("abc"));
```
- NaN
- 0
- undefined
- "abc"
Cevabı göster

NaN — Doğru. Number() sayıya çeviremediği için NaN döner.

NaN denetimi ekle

let n = Number(input);
if (____(n)) {
  console.log("Geçersiz");
}

Cevabı göster

let n = Number(input);
if (Number.isNaN(n)) {
  console.log("Geçersiz");
}

Dönüşüm sonucunu eşle

Number("abc")

NaN (harf)
Number("")

0 (boş)
Number("42")

42 (sayı)
Number("42px")

NaN (harf+sayı)

Sıradaki ders: Özet - Tür dönüşümü

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler