JavaScript Veri Türleri (Number, String, Object vb..)

Programlamada veri türleri çok önemli bir konudur. JavaScript programlama dilindeki değişkenler birçok veri türüne sahip olabilir. Örneğin Number (Sayılar), String (Dizeler), Object (Nesneler) vb.. Bu yazımda tüm JavaScript veri türleri nelerdir onları öğreneceğiz.

Değişkenler üzerinde çalışabilmek için JavaScript veri türleri hakkında yeterli seviyede bilgimiz olması gerekiyor.

String Veri Türleri

String veri türleri tırnak işaretleri ile yazılır. İsterseniz tek tırnak (‘ ‘) isterseniz çift tırnak (” “) kullanabilirsiniz. Örneğin;

var siteName1 = "Mehsatek Blog Sitesi";   
var siteName2 = 'Mehsatek Blog Sitesi';

var siteName1 = "Mehsatek Blog Sitesi";

var siteName2 = 'Mehsatek Blog Sitesi';

String bir değer içerisinde yine bir string değer yazmak isterseniz bunu iki farklı şekilde yapabilirsiniz. Ya en dışta çift tırnak kullanıp iç kısımda tek tırnak kullanabilirsiniz yada tam tersi şekilde yani en dışta tek tırnak kullanıp iç kısımda çift tırnak kullanabilirsiniz. Örneğin;

var siteName1 = "Mehsatek 'Blog Sitesi'"; 
var siteName2 = 'Mehsatek "Blog Sitesi"';

var siteName1 = "Mehsatek 'Blog Sitesi'";

var siteName2 = 'Mehsatek "Blog Sitesi"';

String veri türlerinin daha iyi anlaşılabilmesi için birkaç örnek yapmak istiyorum.

var x = 34 + "Mehsatek";
console.log(x);

var x = 34 + "Mehsatek";

console.log(x);

Çıktısı : 34Mehsatek

JavaScript de bir number ve bir string ile birleştirme işlemi yaptığımızda hata vermez. Number değerini bir string değer olarak algılar.

Şimdi değerlerin yerini değiştirip sonucu inceleyelim.

var x = "Mehsatek" + 34;
console.log(x);

var x = "Mehsatek" + 34;

console.log(x);

Çıktısı : Mehsatek34

JavaScript kodları soldan sağa doğru çalıştırılır. Bunu anlayabilmek için şöyle bir örnek yapalım.

var x = 12 + 5 + "Mehsatek";
console.log(x);

var x = 12 + 5 + "Mehsatek";

console.log(x);

Çıktısı : 17Mehsatek

var x = "Mehsatek" + 12 + 5;
console.log(x);

var x = "Mehsatek" + 12 + 5;

console.log(x);

Çıktısı : Mehsatek125

İki örnek arasındaki farkı anlayabildiniz mi?

İlk örnekte JavaScript, 12 ve 5 değerlerini Mehsatek değerine ulaşana kadar Number veri türünde değerlendirdi ve o şekilde işleme aldı.

İkinci örnekte ise ilk işleme alınan değer bir String olduğu için sonrasında gelen 12 ve 5 değerleri String olarak işleme alındı.

⇒ Bir değişken farklı veri türlerini tutmak için kullanılabilir. Örneğin;

var x;               // Şu anda x undefined veri türündedir
x = 12;              // Şu anda x Number veri türündedir
x = "Mehsatek";      // Şu anda x String veri türündedir

var x; // Şu anda x undefined veri türündedir

x = 12; // Şu anda x Number veri türündedir

x = "Mehsatek"; // Şu anda x String veri türündedir

Number Veri Türleri

Number veri türleri ondalıklı veya ondalıksız yazılabilir. Örneğin;

var sayi1 = 19.00; 
var sayi2 = 19;    
console.log(sayi1, sayi2);

var sayi1 = 19.00;

var sayi2 = 19;

console.log(sayi1, sayi2);

Çıktısı : 19 19

Boolean Veri Türleri

Boolean veri türleri sadece iki değer alabilir. Bunlar:

True
False

değerleridir. Genelde koşullu ifadelerde kullanılır.

Basit bir örnek üzerinde görelim.

var x = 3;
var y = 3;
console.log(x == y);

var x = 3;

var y = 3;

console.log(x == y);

Çıktısı : true değer döndürür.

var x = 3;
var y = 4;
console.log(x == y);

var x = 3;

var y = 4;

console.log(x == y);

Çıktısı : false değer döndürür.

Arrays (Diziler) Veri Türleri

JavaScript de diziler köşeli parantezler ([ ]) ile yazılır ve dizinin öğeleri virgül ile birbirlerinden ayrılır. Örnek bir dizi tanımlayalım.

var meslekler = ["Doktor", "Öğretmen", "Avukat"];

var meslekler = ["Doktor", "Öğretmen", "Avukat"];

Dizinin ilk öğesi sıfırıncı ([0]) index, ikinci öğesi birinci ([1]) index anlamına gelir. Örneğin dizinin [2] index numaralı öğesi bize “Avukat” öğesini verecektir.

Objects (Nesneler) Veri Türleri

JavaScript de nesneler süslü parantezler ({ }) ile yazılır. Nesne özellikleri ise virgülle (,) ayrılmış olarak ad : değer çiftleri olarak yazılır. JavaScript de örnek bir nesne tanımlaması aşağıdaki gibidir.

var kisi = {
adi:"Ahmet", 
soyadi:"Aslan", 
yas:40
};

var kisi = {

adi:"Ahmet",

soyadi:"Aslan",

yas:40

};

⇒ Bir JavaScript değişkeninin veri türünü bulmak için typeof operatörünü kullanabiliriz. Örnek üzerinde görecek olursak:

var sayi = 34;
var adi = "Mehsatek";
var sonuc = true;
var kisi = {
adi:"Ahmet",
soyadi:"Aslan"
}
var meslekler = ["Doktor","Öğretmen"];
console.log(typeof(sayi));
console.log(typeof(adi));
console.log(typeof(sonuc));
console.log(typeof(kisi));
console.log(typeof(meslekler));

var sayi = 34;

var adi = "Mehsatek";

var sonuc = true;

var kisi = {

adi:"Ahmet",

soyadi:"Aslan"

}

var meslekler = ["Doktor","Öğretmen"];

console.log(typeof(sayi));

console.log(typeof(adi));

console.log(typeof(sonuc));

console.log(typeof(kisi));

console.log(typeof(meslekler));

Çıktısı : Sırasıyla console’a şu değerler yazılacaktır.

number
string
boolean
object
object

Dikkat ederseniz meslekler dizisinin veri türünü de object olarak döndürüyor.

⇒ JavaScript de değeri olmayan bir değişkenin hem değeri hem de türü undefined‘dır. Örneğin;

var sayi;
console.log(sayi);

var sayi;

console.log(sayi);

Çıktısı : undefined

var sayi;
console.log(typeof(sayi));

var sayi;

console.log(typeof(sayi));

Çıktısı : undefined

Gördüğünüz gibi sayi değişkenine herhangi bir değer atamadık. Bu yüzden hem değeri hem de veri türü undefined olarak görünüyor. Ayrıca bir değişkene kendimiz de undefined değeri atayabiliriz.

var sayi = undefined;

var sayi = undefined;

⇒ Boş bir değer ile undefined değer birbirinden farklıdır. Örneğin;

var adi = "";
console.log(adi,typeof(adi));

var adi = "";

console.log(adi,typeof(adi));

Yukarıdaki kodun çıktısı şu şekilde olacaktır.

Çıktısı : “”, string

⇒ JavaScript de null değerini nesnelerle kullanabiliyoruz. Örneğin bir nesne tanımlayalım ve daha sonra nesnenin içerisini boşaltmak için null değerini atayalım.

var kisi = {
adi:"Ahmet", 
soyadi:"Aslan", 
yas:40
};
kisi = null;
console.log(kisi);

var kisi = {

adi:"Ahmet",

soyadi:"Aslan",

yas:40

};

kisi = null;

console.log(kisi);

Çıktısı : null

⇒ undefined ve null arasındaki farkı bir örnek üzerinde inceleyelim.

console.log(typeof(undefined));
console.log(typeof(null));
console.log(null === undefined);
console.log(null == undefined);

console.log(typeof(undefined));

console.log(typeof(null));

console.log(null === undefined);

console.log(null == undefined);

Çıktısı : Sırasıyla console’a şu değerler yazılacaktır.

undefined
object
false
true

⇒ typeof operatörü nesneler, diziler ve null değeri atanan değişkenler için veri türü olarak object döndürür. Fonksiyonlar için ise function veri türünü döndürür.

console.log(typeof{adi:'Ahmet', yas:28});
console.log(typeof[1,2,3,4,5]);
console.log(typeof(null));
console.log(typeof(function myFunction(){}));

console.log(typeof{adi:'Ahmet', yas:28});

console.log(typeof[1,2,3,4,5]);

console.log(typeof(null));

console.log(typeof(function myFunction(){}));

Çıktısı : Sırasıyla console’a şu değerler yazılacaktır.

object
object
object
function

Umarım sizin için faydalı bir yazı olmuştur.

Şu yazılar da ilginizi çekebilir.

JavaScript Sonuçlarını Yazdırma Yöntemleri (Alert, Console.log vb..)

Yeni bir yazımda görüşmek üzere.

JavaScript Veri Türleri (Number, String, Object vb..)

String Veri Türleri

Number Veri Türleri

Boolean Veri Türleri

Arrays (Diziler) Veri Türleri

Objects (Nesneler) Veri Türleri

Yazar Hakkında

Yorum Yazın

String Veri Türleri

Number Veri Türleri

Boolean Veri Türleri

Arrays (Diziler) Veri Türleri

Objects (Nesneler) Veri Türleri

Benzer Yazılar

Yazar Hakkında

Yorum Yazın