Merhabalar, en son dersimizde şöyle bir genel tekrar yapmıştık sizlerle. Bugün yine önemli bir konuyu öğreneceğiz. Bu konu diziler (arrays). Diziler bizler için oldukça önemlidir çünkü bir değişken tanımladığınızı varsayalım. Bu değişkenin içinde birden çok veri olabilir mi ?
Olmaz a = 4 ise a = 4'tür. a= 4 diyip daha sonra a = 5 derseniz vscode hop zaten bu değişken var diye uyarı geçiyor. Tam da çoklu verileri bir değişkende toplamamıza yarar diziler.
Kod:
const sayilar = [0, 3.14, 9.81, 37, 98.6, 100]
console.log(sayilar)
console.log(sayilar.length)
const ulkeler = ["Türkiye","Almanya","Fransa"]
console.log(ulkeler)
console.log(ulkeler.length)
Görüldüğü üzere bir değişken üzerinde birden çok veri atadık ve bize bunu konsolda gösterdi. Ek olarak dikkat ettiyseniz 0,1,2 ile başlıyor. Dizilerde her zaman ilk eleman 0'dır. ikinci eleman ise 1'dir. En son diziye ulaşmak için ise dizi adı.length-1 ile ulaşabilirsiniz.
Javascripte dizilerin en güzel yanı bir dizide number,string,object ne varsa saklayabilirsiniz. Mesela daha ilkel dillerde ( C gibi) bir dizide bir veri türü olabilir. Bu açıdan js kullanım kolaylığı sağlıyor bize
Kod:
let js = 'JavaScript'
const charsInJavaScript = js.split('')
console.log(charsInJavaScript)
Dizilerde split metodu ile bölebiliriz. Eğer hiçbir şey yazmazsanız tüm harfleri ayırır. Eğer "," yaparsanız sadece virgülleri ayıracaktır. Yukarıdaki örneklerde ülke dizisine bakın ve split metodunu deneyin. Her virgülden sonraki nesneyi alacaktır.
Dizileri manuel olarak içeriklerini değiştirmekte mümkündür.
Kod:
const ulkeler = [
'Albania',
'Bolivia',
'Canada',
'Denmark',
'Ethiopia',
'Finland',
'Germany',
'Hungary',
'Ireland',
'Japan',
'Kenya'
]
ulkeler[0] = "turkiye"
console.log(ulkeler)
Sıfırıncı indexi alıp Türkiye diye değiştirdim artık o dizenin 0.indexi Türkiyedir.
Dizi İşleme Metotları
Dizi Oluşturma ve Doldurma
Yukarıda en çok kullanılan yöntemi gördük. Başka bir yöntem ile de diziler tanımlanabilir.
Kod:
let dizi = new Array()
console.log(dizi)
Böylece boş bir dizi ürettik. Bu diziyi belli bir sayılık dizi oluşturup içine yazdırabiliriz
Kod:
let dizi = new Array(10).fill("tht")
console.log(dizi)
Böylece 10 kez dizinin içine tht yazdırdık
Dizileri Birleştirme
Burada iki ayrı diziyi tek dizi olarak birleştirebiliriz.
Kod:
const ilkListe = [1, 2, 3]
const ikinciListe = [4, 5, 6]
const birlestir = ilkListe.concat(ikinciListe)
console.log(birlestir)
İki ayrı dizeyi tek bir diziye concat metodu ile aktardık.
Diziyi Stringe Dönüştürme
Bazı zamanlar diziyi stringe çevirme ihtiyacı duyarız. Bu gibi zamanlarda toString metodu kullanılır.
Kod:
const sayilar = [1, 2, 3, 4, 5]
console.log(sayilar.toString())
Görüldüğü gibi dizi nesnelerimiz birer stringe dönüştü
Dizi Öğelerini Dilimleme
Bir ülke dizisi düşünün tüm ülkeler var ve biz bu ülkelerin ilk 3 harfini almak istiyoruz. İşte bu gibi yöntemlerde kullanırız. Tabi daha döngüleri görmediğimiz için bunun örneğini göstermeyeceğim şimdilik.
Kod:
const sayilar = [1, 2, 3, 4, 5]
console.log(sayilar.slice(0,3))
Diziye Öğe Eklemek
Dizilere manuel ekleme haricinden iki yöntemle de öğe eklenebilir.
Push() = Dizinin sonuna öğe ekler
Pop() = Dizinin sonundaki öğe siler
Kod:
const sayilar = [1, 2, 3, 4, 5]
sayilar.pop()
sayilar.push(6)
console.log(sayilar)
İlk başta son eleman olan 5 sayısını silip daha sonra dizi sonuna 6 sayısını ekledik. Bir diğer yöntem ise :
Shift : Dizi başına öğe ekler
Unshift = Dizi başındaki öğeyi siler
Diziyi Ters Çevirme
Reverse() metodu ile dizi öğeleri ters çevrilir
Kod:
const sayilar = [1, 2, 3, 4, 5]
console.log(sayilar.reverse())
Dizideki Öğeleri A-Z Şekline Çevirme
Dizileri hepimiz rastgele tanımlarız ama mesela bir kütüphane örneği yaptığınızı düşünün. Kütüphane gibi bir ortamda kitaplar rastgele midir ? Belli bir kategorinin içinde A'dan başlayıp Z'de bitecek sırada dizilir. Bunu Javascripte de yapmak mümkündür.
Kod:
let web = ["html","css","javascript","react","node"]
web.sort()
console.log(web)
Tebrikler, bir konuyu daha bitirdin her geçen gün hedeflerine yaklaşıyorsun. Ayrıca güzel yorumlarınız için teşekkür ederim. Bir kod parçası bile konulardan öğrendiyseniz ne mutlu bana başka bir konuda görüşmek üzere
