JavaScript Dersleri (Değişken Tanımlama)

Merhaba arkadaşlar bir önceki konuma, JavaScript Dersleri (Giriş) konuma oldukça ilgi gösterdiniz ve devamını gösterdiğiniz.
Öncelikle yaptığınız güzel yorumlar için teşekkür ediyorum,bazı arkadaşlar videolu bir ders teması istemiz, bu şekilde ders göstermeyi bende isterdim sizler de en azından daha rahat anlayabilirsiniz fakat bu durum için yeterli bir vaktim ne yazık ki olmuyor.
Dersimize başlayalım.

Değişken Tanımlama

Değişkenler, programın çalışma esnasında oluşturulan ve programın verilerini korumaya yarayan elemanlardır.
Değişkenler oluşturulurken isimleri ve saklayacak verilerin türü belirlenir.
Değişkene değer verileceği zaman , ya da değişkenin sakladığı değere ulaşmak istendiğinde bu isim kullanılacaktır.

Değişkenler tüm programlama yapılarında bulunan yapılardır ve bir değişken tanımlarken (oluştururken) hangi türde veri saklayacağı belirtilmelidir.
Örnek verecek olursak eğer, bir değişkeni sayı saklayacak şekilde tanımlarsak, daha sonrasında değişkene metin atamayız.

JavaScript'in diğer dillerden farkı değişkenin, tür belirtmeden de tanımlaya bilmek.Var komutu ile değişkenin sadece ismi belirtilerek değişken oluşturulabilir.Ardında bu değişkene istenen türde veri girilebilir.Girilen değere göre değişken türü algılanacaktır.
​

var sayi1;

sayi1=100;

var isim="Zafer";

var sayi2=50;

Not: String türündeki değişkenlere değer atarken tek tırnak veya çift tırnak kullanabiliriz.

Veri Türleri

JavaScript dilinde değişkenler için 3 farklı veri türünden bahsedebiliriz.

Number: Her türlü sayısal değeri saklamak için kullanılır. Ondalıklı sayılarda ondalık kısmı ayırmak için nokta kullanılır.
String: Karakter veya metin saklamak için kullanılır.
Boolean: True ya da false değeri saklayabilirler.

Not: JavaScript değişkenlerin türlerini girilen veriye göre kendisi algılamaktadır. Örneğin bir değişkene sayısal bir değer atandığında o değişken Number türüne geçer. Aynı değişkene daha sonra metin değeri verilirse o değişken otomatikman string türüne çevrilir. Bizim bir dönüşüm yapmamıza gerek kalmaz

Örneğin;​

var a=50;

a="Ahmet";

Verdiğim örnek başka dillerde hataya neden olabilirdi.Ancak JavaScript'te sorun yaratmayacaktır.Değişkene ilk atanandan farklı türde bir veri atanabilir.

Değişken İsimlendirme Kuralları

JavaScript bir önceki konumda da söylediğim gibi Büyük ve Küçük harfe duyarlı bir dildir.
Değişkenlere isim verilirken Türkçe karakterler ( ı, İ, ğ, Ğ, ü, Ü, ş, Ş, ö, Ö, ç, Ç ), boşluk ve özel karakterler ( . , ; : / vb. ) kullanılmamalıdır.

Ayrıca programlama dilinde başka bir anlamı olan kelimeler de, değişken ismi olarak seçilmemelidir. (int, not, if, char vb.)
Değişken isimleri rakam veya sayı ile başlayamaz. Bir değişkene not1 ismi verilebilir ancak 1not ismi verilemez.

Değişkenler Arasında Matematiksel İşlemler
​

var x = "bilgisayar" + " dersi";  sonuç bilgisayar dersi

var x = "bilgisayar" + 15;  sonuç bilgisayar15

var x = 15 + "bilgisayar";  sonuç 15bilgisayar

var x = 15 + "bilgisayar" + 15;  sonuç 15bilgisayar15

var x = 15 + 5 + "bilgisayar" + 15;  sonuç 20bilgisayar15

var x = "bilgisayar" + 15 + 5;  sonuç bilgisayar155

var x = 15 + 5 + "bilgisayar" + 15 + 5;  sonuç 20bilgisayar155

typof Operatörü
​

var degisken1 = "bilgisayar";

var degisken2 = 35;

document.getElementById("sonuc").innerHTML = typeof degisken1;  sonuç string
document.getElementById("sonuc").innerHTML = typeof degisken2;  sonuç Number

document.getElementById("sonuc").innerHTML = typeof  "araba";  sonuç string

document.getElementById("sonuc").innerHTML = typeof 35;  sonuç Number;

parseInt() Metodu

JavaScript ile iki sayıyı toplamaya çalıştığımızda, bazı durumlarda, özellikle sayıları sayfamızdaki form elemanlarından elde ettiysek bir sorun ile karşılaşabiliriz.

Şöyle ki, iki sayıyı topla deriz, ancak program iki sayıyı yan yana birleştirir. Bunun sebebi, değişkendeki verilerin string olarak algılanmasıdır.

Bu sorunu aşmak için parseInt metodunu kullanabiliriz.

parseInt metodu, string türündeki verileri, sayısal veri tipine dönüştürmeyi sağlar.

Örnek:​

var a=parseInt(document.getElementById("kutu1").value);

Bu örnekte kutu1 id'li metin kutusu içindeki veri, sayı olarak a değişkenine alınmıştır.

parseInt metoduna benzeyen parseFloat metodu ise ondalık sayılar için kullanılabilir. parseInt metodu kullanıldığında ondalık kısım atılır, parseFloat metodu kullanılarak ondalık sayı elde edilebilir.

Bir önceki JavaScript Ders konumuz.
Bir sonraki JavaScript Ders konumuz.​