Javascript array ile birden fazla veriyi bir değişken içinde saklayabiliriz.
1
2
3
4
5
6
7
8
9
10
11
var names = ['çınar','sena','ada','yiğit'];
var years = [2017,1970,1990,1998];
var result = "Benim adım " + names[0] + " ve yaşım " + (2020- years[0]);
console.log(result); // Benim adım çınar ve yaşım 3
Neden Javascipt Dizi Kullanırız
Javascript diziolmadan isimleri bir string değişken içinde saklayabiliriz.
1
var names = 'çınar,sena,ada,yiğit';
Bu şekilde bir string değişken tanımlaması yapabiliriz. Ancak her bir isme ulaşma ihtiyacı duyduğumuzda zorlanırız.
Daha önceki javascript string ve string metotları dersinde öğrendiğimiz split() metodunu kullanarak string bilgiyi virgülden ayırarak elemanlara teker teker ulaşabiliriz.
1
2
3
4
5
6
7
8
9
10
11
12
13
var names = 'çınar,sena,ada,yiğit';
var result = names.split(",");
// result[0] => çınar
// result[1] => sena
// result[2] => ada
// result[3] => yiğit
Zaten burada dikkat edersek split(“,”) dediğimizde string bilgiyi virgülden ayırarak bir diziye çevirir. Dolayısıyla dizi elemanlarına da indeks numaraları ile ulaşabiliriz.
Ancak bu işin tabi ki kolay yolu en başta bir dizi tanımlamaktır.
Javascript Dizi Tanımlama
Javascript dizitanımlamak için köşeli parantezler içinde her bir elemanı virgül ile ayırmamız gerekir.
1
2
3
var names = ['çınar','sena','ada','yiğit'];
var years = [2017,1970,1990,1998];
Ayrıca javascript dizitanımlaması için new komutunu da kullanabiliriz.
1
2
3
var names = new Array('çınar','sena','ada','yiğit');
var years = new Array(2017,1970,1990,1998);
Javascipt diziiçerisine aynı tipte eleman ekleyebileceğimiz gibi farklı tipte veri de eklebiliriz.
1
2
3
var mix = ['sadık','turan',1983,null,undefined,['sinema','kitap']];
Javascript Dizi Elemanlarına Erişim
Javascript dizielemanlarına erişmek için indeks numarasını kullanırız. Javascript array ‘in ilk elemanı 0 indeks numarasına sahiptir.
1
2
3
4
5
6
7
console.log(names[0]) // çınar
console.log(names[1]) // sena
console.log(names[2]) // ada
console.log(names[3]) // yiğit
Eğer javascipt dizibilgisine olduğu gibi ulaşmak istersek;
1
2
3
var names = ['çınar','sena','ada','yiğit'];
print(names) // çınar,sena,ada,yiğit'
Peki dizinin son elemanına ulaşmak istersek?
1
2
3
var names = ['çınar','sena','ada','yiğit'];
var soneklenen = names[names.length - 1];
Dizinin son elemanının indeks numarası indeks 0’ dan başladığı için “eleman sayısı - 1” olur. Dolayısıyla eleman sayısını bulmak için names.length özelliğini kullanabiliriz.
Peki javascript diziiçerisine bir başka array varsa bu durumda, ulaştığımız array üzerinden diğer array ‘e gene indeks numarası ile geçiş yapabiliriz.
1
2
3
var profile = ['sadık','turan',1983,['sinema','kitap']];
console.log(profile[3][0]) // sinema
Javascript Dizi Elemanlarına Döngü ile Erişim
Tanımlanan javascript array’ ine tek tek indeks numaraları ile ulaşmak mümkün ancak bazen tüm elemanlara ulaşmak isteriz. Bu durumda dizi üzerinde döngü yardımıyla tek tek dolaşabiliriz.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var names = ['çınar','sena','ada','yiğit'];
for (var i=0; i<names.length;i++){
console.log(names[i]);
}
// çınar
// sena
// ada
// yiğit
Javascript Dizi Elemanlarını Güncelleme
Javascript dizi elemanına indeks numarası ile ulaşıp yeni bir değer ataması yapabiliriz.
1
2
3
4
5
var cars = ['mazda','opel','toyota','bmw'];
cars[1] = "audi";
console.log(cars[1]) // audi
Javascript Dizi Üzerine Yeni Eleman Ekleme
Dizi üzerine eleman eklemek için kullanabileceğimiz array metotları var ve bu metotları bir sonraki dersimizde göreceğiz.
Dizi metotlarından başka bir de length özelliğini kullanarak eleman ekleme yapabiliriz.
1
2
3
var cars = ['mazda','opel','toyota','bmw'];
cars[cars.length] = "mercedes";
cars.length bize 5 sayısını verir ve olmayan bir indeks olduğundan son eleman olarak yeni bir değeri dizi üzerine eklemiş oluruz.