Odak modu
Dizi(Array) Oluşturmak ve Dizi İçindeki Elemanlara Ulaşmak
Merhaba arkadaşlar, javascriptte array(dizi) tanımı birden çok value(değer) saklamamızı sağlar. Bu diziler içinde string, number, boolean, object, tipinde veriler saklanabilir. Dizilerde object(nesne) tipindedir. Bir dizi oluşturmak için yapmamız gereken dizi ismini verip eşittir dedikten sonra köşeli parantezler içinde dizi elemanlarını yazmak. Her eleman arasında bir virgül koymamız gereklidir. Örneğin;
let arr = [1,2,3];
Burada ismi arr
ve sadece number tipinde elemanları olan bir dizi tanımlamış olduk.
Farklı bir örnek;
let arr = [1,2,"bir string ifade",false,{title:"kodluyoruz"}];
Burada farklı tiplere sahip elemanları tek bir dizi içinde saklamış olduk. Bir dizi içinde farklı bir dizi(diziler) tanımlayabiliriz. Örneğin;
let arr = [1,2,3,["dört","beş","altı"],7,8];
Artık bir dizi nasıl oluşturulur öğrendiğimize göre bu oluşturduğumuz dizinin elemanlarına nasıl ulaşırız ona bakalım.
Her dizi elemanının index değeri vardır. İlk elemanın index değeri 0
dır. Buna göre ikinci elemanın index değeri 1
ve böylece devam eder. Bu index değerlerini kullanarak bizler dizi elemanlarına erişebiliriz.
Örneğin;
let arr = [1,2,3,"dört","beş"];
console.log( arr[3] );
console.log( arr[0] );
Burada console.log( arr[3] );
çıktı olarak dört
değerini, console.log( arr[0] );
ise 1
değerini bize verecektir.
Burada index değerini tek tek yazmak yerine bir for döngüsü yardımıyla dizi elemanlarına erişebiliriz.
Örneğin;
let arr = [1,2,3,"dört","beş"];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
Burada arr.length
ifadesi dizinin uzunluğunu number tipinde ifade eder. Bu örnekte dizi uzunluğu 5
.
NOT: Dizi uzunluğu için saymaya 1
'den başlanır.
Eğer bir dizi içerisinde farklı bir dizi tanımlı ve bu içerideki dizi elemanlarına erişim sağlamak istiyorsak;
let arr = [1,2,3,["dört","beş","altı"],7,8];
console.log(arr[3][0]);
Burada console.log(arr[3][0]);
çıktı olarak dört
yazacaktır. 2
içerideki dizinin index numarası ve 0
bu dizinin ilk elemanını ifade eder.console.log( arr[4] );
çıktı olarak 7
verdiğine dikkat edelim.
Dizi protipinde tanımlı foreach fonksiyonu yardımıyla da dizi elemanlarına erişilebilir.
let arr = [1,2,3,"dört","beş"];
arr.forEach((item, index) => {
console.log(item, index);
});
Burada arrow function şeklinde yazılmış forEach metodu her bir dizi elemanı için çalıştırılır. item
değeri dizinin o anki elamanını tutar ve index
değeri ise o anki elemanın index değeridir. Bu kodu çalıştırdığımızda dizinin her elemanının aynı for döngüsünde olduğu gibi çıktısını görebiliriz.
let favoriArabalar = ['audi', 'volvo', 'mercedes']
let randomDizi = [2021, 'javaScript', true]
let marmaraBolgesi = ['istanbul','kocaeli','sakarya','bursa','canakkale']
marmaraBolgesi[0] = istanbul`
marmaraBolgesi[1] = kocaeli
marmaraBolgesi[2] = sakarya
marmaraBolgesi[3] = bursa
marmaraBolgesi[4] = canakkale
let aylar = ['mart','nisan','mayis','haziran','temmuz']
let sonEleman = aylar[aylar.length - 1]
// length propertysi bize array'in içindeki eleman sayısını verir. Ondan bir çıkarttığımızda ise son elemanın numarasını elde etmiş oluruz.
console.log(sonEleman) = 'temmuz'
typeof aylar = object
let gunler = ['pazartesi','sali','carsamba']
gunler = ['cuma','cumartesi','pazar']
console.log(gunler);
// ['cuma' , 'cumartesi' , 'pazar'] çıktısını alacağız. Çünkü let kullanarak oluşturduğumuz bir array yeniden tanımlanabilir.
Sektörde en çok aranan yazılım becerilerini kazan
Yapay zeka desteği, birebir mentörlük saatleri, canlı dersler ve senin için özel hazırlanmış içeriklerle eksiklerini tamamla, düzenli geri bildirimler al ve öğrenme sürecini en verimli hale getir.
Yunus Emre Kabakcı
Patika+ mezunuPatika+ Fullstack Web Development Bootcamp mezunumuz Yunus Emre,
3 ay içinde Katar’dan aldığı teklif ile, global bir şirket olan Pavo Group’da işe başladı!
“İçerik zenginliği, mentor desteği, ileriye dönük bir network sağlaması ve dünyada en çok tercih edilen frameworkler üzerinden bir eğitim veriyor olması Patika+’ı tercih etmemin temel sebepleri oldu!“
Yorum yapabilmek için derse kayıt olmalısın!