Bu yazımda JavaScript tür dönüşümleri hangi metodlar ile yapılıyor onu öğreneceğiz.
Değişkenlerin veri türünü Number‘a dönüştürmek için 3 farklı JavaScript yöntemi vardır. Bunlar:
- Number()
- parseInt()
- parseFloat()
Değişkenlerin veri türünü String’e dönüştürmek için 2 farklı JavaScript yöntemi vardır. Bunlar:
- String()
- toString()
Şimdi sırasıyla bu metodları inceleyelim.
1 – Number Metodu
Number metodu JavaScript değişkenlerini sayılara dönüştürmek için kullanılır. Örneğin;
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<script> console.log(Number(true)); // Çıktısı : 1 console.log(Number(false)); // Çıktısı : 0 console.log(Number("8")); // Çıktısı : 8 console.log(Number(" 8")); // Çıktısı : 8 console.log(Number("8 ")); // Çıktısı : 8 console.log(Number(" 8 ")); // Çıktısı : 8 console.log(Number("8.77")); // Çıktısı : 8.77 console.log(Number(null)); // Çıktısı : 0 console.log(Number("8,77")); // Çıktısı : NAN (Not a Number) console.log(Number("8 77")); // Çıktısı : NAN (Not a Number) console.log(Number("Mehsatek")); // Çıktısı : NAN (Not a Number) </script> |
Gördüğünüz gibi boolean veri türündeki değişkenleri number yani 1 ve 0’a dönüştürdü. String veri türündeki değişkenlerin ise bir kısmını dönüştürebilirken bir kısmını dönüştüremedi ve NAN (Not a Number) çıktısı verdi.
Number metodu ayrıca bir tarihi sayıya dönüştürebilir.
|
1 2 3 4 5 6 7 |
<script> console.log(Number(new Date("2015-05-23"))); </script> |
Çıktısı : 1432339200000
Yukarıdaki örnekte 1.1.1970‘ten belirtilen tarihe kadar geçen zamanın milisaniye cinsinden sayısını döndürdü.
2 – parseInt Metodu
parseInt metodu string veri türündeki bir değişkeni tamsayıya dönüştürür. Eğer değişkende boşluk karakterleri varsa sonuç olarak sadece ilk sayıyı döndürür. Örneğin;
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> console.log(parseInt("6")); // Çıktısı : 6 console.log(parseInt("6.33")); // Çıktısı : 6 console.log(parseInt("6 8 9")); // Çıktısı : 6 console.log(parseInt("6 yıl")); // Çıktısı : 6 console.log(parseInt("yıl 6")); // Çıktısı : NaN </script> |
Eğer değişken sayıya dönüştürülemezse NaN (Not a Number) değeri döndürülür.
3 – parseFloat Metodu
parseFloat metodu string veri türündeki bir değişkeni sayıya dönüştürür. Eğer değişkende boşluk karakterleri varsa sonuç olarak sadece ilk sayıyı döndürür. Örneğin;
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> console.log(parseFloat("6")); // Çıktısı : 6 console.log(parseFloat("6.33")); // Çıktısı : 6.33 console.log(parseFloat("6 8 9")); // Çıktısı : 6 console.log(parseFloat("6 yıl")); // Çıktısı : 6 console.log(parseFloat("yıl 6")); // Çıktısı : NaN </script> |
Eğer değişken sayıya dönüştürülemezse NaN (Not a Number) değeri döndürülür.
⇒ parseInt ile parseFloat metodlarının arasındaki fark şudur: parseInt metodu ondalıklı ifadeleri tam sayıya dönüştürürken parseFloat metodu olduğu gibi yani ondalıklı sonucu döndürür.
4 – String Metodu
String metodu bir değişkenin veri türünü string’e dönüştürmemizi sağlar. Örneğin;
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> var sayi = 24; console.log(typeof(sayi), sayi); console.log(typeof(String(sayi)), sayi); </script> |
Çıktı 1 : number 24
Çıktı 2 : string 24
Gördüğünüz gibi number olan veri türünü string’e dönüştürdü.
Şimdi de boolean veri türünü string’e dönüştürelim.
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> var sonuc = true; console.log(typeof(sonuc), sonuc); console.log(typeof(String(sonuc)), sonuc); </script> |
Çıktı 1 : boolean true
Çıktı 2 : string true
5 – toString Metodu
toString metodu bir değişkenin veri türünü string’e dönüştürmemizi sağlar. toString metodu ile String metodu aynı işlemi gerçekleştirir. Örneğin;
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> var sayi = 24; console.log(typeof(sayi), sayi); console.log(typeof(sayi.toString()), sayi); </script> |
Çıktı 1 : number 24
Çıktı 2 : string 24
Gördüğünüz gibi number olan veri türünü string’e dönüştürdü.
Şimdi de boolean veri türünü string’e dönüştürelim.
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> var sonuc = true; console.log(typeof(sonuc), sonuc); console.log(typeof(sonuc.toString()), sonuc); </script> |
Çıktı 1 : boolean true
Çıktı 2 : string true
Son olarak object veri türünü string’e dönüştürelim.
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> var date = new Date(); console.log(typeof(date), date); console.log(typeof(date.toString()), date); </script> |
Çıktı 1 : object Thu Jan 30 2020 17:00:13 GMT+0300 (GMT+03:00)
Çıktı 2 : string Thu Jan 30 2020 17:00:13 GMT+0300 (GMT+03:00)
⇒ String ve toString metodları ile dizileri bile string veri türüne dönüştürebiliriz.
Umarım “JavaScript Tür Dönüşümleri” yazım sizin için faydalı olmuştur.
Şu yazılar da ilginizi çekebilir.
JavaScript Veri Türleri (Number, String, Object vb..)
Yeni bir yazımda görüşmek üzere.
){kind=link}