JavaScript, web geliştirme dünyasında en çok kullanılan dillerden biridir ve verileri işlemek için geniş bir araç seti sunar. Bu araçlardan biri de metin tabanlı verileri sayısal değerlere dönüştürmek için kullanılan parseInt() ve parseFloat() fonksiyonlarıdır. Bu yazıda, her iki fonksiyonun ne işe yaradığını, nasıl kullanıldığını ve aralarındaki farkları detaylı bir şekilde anlatacağım.

parseInt() Fonksiyonu Nedir?

JavaScript’te parseInt(), bir dizeyi (string) tam sayıya (integer) dönüştürmek için kullanılır. Eğer verilen dize sayısal bir değerle başlıyorsa, bu değer bir tam sayıya çevrilir. Ancak, dize içinde sayısal olmayan karakterler varsa, bu karakterlerden sonrasını görmezden gelir.

Sözdizimi ( Syntax ):

parseInt(string, radix)

• string: Sayıya dönüştürmek istediğiniz dize.
• radix: Sayının tabanını belirtir. Örneğin, 10 tabanı (ondalık), 2 tabanı (ikilik) gibi. Varsayılan olarak 10 kullanılır.

Örnekler

console.log(parseInt("42")); // Çıktı: 42
console.log(parseInt("42px")); // Çıktı: 42 (sayı olmayan kısmı yok sayar)
console.log(parseInt("0xFF")); // Çıktı: 255 (16'lık tabanda FF değeri)
console.log(parseInt("101", 2)); // Çıktı: 5 (2'lik tabanda 101 değeri)

Dikkat Edilmesi Gerekenler

• Eğer dize tamamen sayısal değilse, ancak sayı ile başlıyorsa, sadece başlangıçtaki sayısal kısım işlenir.
• Eğer dize bir sayı ile başlamıyorsa, sonuç NaN (Not-a-Number) olacaktır.
• radix parametresi belirtilmediğinde, bazı durumlarda beklenmeyen sonuçlar oluşabilir. Örneğin, 0x ile başlayan bir dize 16 tabanında işlenir.

---

parseFloat() Fonksiyonu Nedir?

parseFloat(), bir dizeyi kayan noktalı (float) bir sayıya dönüştürmek için kullanılır. Bu, özellikle ondalıklı sayıları işlemek istediğinizde kullanışlıdır. parseFloat(), parseInt()‘ten farklı olarak ondalık noktayı da dikkate alır.

Sözdizimi ( Syntax ):

parseFloat(string)

string: Ondalıklı sayıya dönüştürmek istediğiniz dize.

Örnekler

console.log(parseFloat("3.14")); // Çıktı: 3.14
console.log(parseFloat("3.14abc")); // Çıktı: 3.14 (alfabetik kısmı yok sayar)
console.log(parseFloat("0.1e2")); // Çıktı: 10 (10 üzeri formatını destekler)
console.log(parseFloat("123")); // Çıktı: 123 (tam sayı da geçerli)

Dikkat Edilmesi Gerekenler

• Tıpkı parseInt() gibi, dize sayı ile başlamıyorsa, sonuç NaN olur.
• Ondalık noktadan sonrasını doğru şekilde işleyebilir, ancak sayı olmayan karakterlerle karşılaşırsa işlemi durdurur.

---

parseInt() ve parseFloat() Arasındaki Farklar

1. Tam Sayı vs. Ondalıklı Sayı:
   • parseInt(), sadece tam sayılarla çalışır.
   • parseFloat(), ondalıklı sayıları da destekler.
2. Hassasiyet:
   • parseInt(), ondalıklı bir sayıyı işlediğinde sadece tam sayı kısmını döndürür.
   • parseFloat(), ondalık kısmı da dikkate alır.
3. Kullanım Alanları:
   • parseInt() genellikle bir dizgeden tam sayı elde etmek için kullanılır.
   • parseFloat() ise finansal hesaplamalar gibi ondalıklı değerlere ihtiyaç duyulan durumlarda tercih edilir.

Farklılıkları Gösteren Örnek

console.log(parseInt("3.99")); // Çıktı: 3 (tam sayı)
console.log(parseFloat("3.99")); // Çıktı: 3.99 (ondalıklı sayı)

---

Gerçek Dünya Uygulamaları

parseInt() ve parseFloat() günlük programlama görevlerinde oldukça kullanışlıdır. Aşağıda bazı yaygın kullanım senaryolarını görebilirsiniz:

1. Kullanıcı Girdileri:
Kullanıcıdan alınan veriler genellikle string formatında olur. Bu verileri sayısal işlemlerde kullanabilmek için dönüştürmeniz gerekebilir.

const userInput = "45.67";
const number = parseFloat(userInput);
console.log(number + 10); // Çıktı: 55.67

2. CSS Değerlerini Sayıya Dönüştürme:
Bir CSS değerinden sayı elde etmek için parseInt() kullanılabilir.

const margin = "20px";
const marginValue = parseInt(margin);
console.log(marginValue * 2); // Çıktı: 40

3. URL’den Parametre Okuma:
Bir URL’deki sayısal parametreyi işlemek için bu fonksiyonlar kullanılabilir.

const url = "https://example.com?page=2";
const pageNumber = parseInt(url.split("=")[1]);
console.log(pageNumber); // Çıktı: 2

---

JavaScript’teki parseInt() ve parseFloat() fonksiyonları, metin tabanlı verileri tam sayı veya ondalıklı sayılara dönüştürmek için güçlü araçlardır. Doğru kullanıldıklarında, uygulamalarınızın daha güvenilir ve esnek olmasını sağlar. Ancak, bu fonksiyonları kullanırken dikkatli olmalı ve NaN sonuçlarına karşı uygun kontroller yapmalısınız.

Bu iki fonksiyon arasındaki farkları ve kullanım alanlarını anlayarak, JavaScript’teki veri işlemlerini daha etkili bir şekilde yönetebilirsiniz. Özellikle web projelerinde kullanıcı girdileriyle çalışırken bu fonksiyonları sıklıkla kullanabilirsiniz.

Unutmayın, JavaScript’te parseInt() ve parseFloat() fonksiyonlarını doğru bir şekilde kullanmak, uygulamalarınızın veri işleme kapasitesini büyük ölçüde artıracaktır.

Eğer bu makale size faydalı geldiyse, diğer JavaScript ile ilgili yazdığım içeriklerime de göz atabilirsiniz!

---

Javascript ile Tüm “Sayı” Metodlarını Anlattığım Yazıyı Buradan İnceleyebilirsiniz.

---

Yukarıda paylaştığım kodların çalışan bir örneğini aşağıda ki bağlantılardan inceleyebilirsiniz.

Javascript konusuyla ilgili yazdığım tüm yazıları bu bağlantıdan veya github hesabımdan inceyebilirsiniz.