JavaScript Dizi Fonksiyonları

JavaScript ile diziler üzerinde ekleme, silme, birleştirme gibi işlemler yaparken kullanılan dizi fonksiyonları ile ilgili bilgiler dizi örnekleri ve kullanımı ile yer alıyor.

JavaScript dizi fonksiyonları diziler üzerinde işlem yapmamızı sağlar.

toString

JavaScript toString fonksiyonu dizi elamanlarını virgülle ayrılmış metin veri türüne dönüştürür.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  alert(liste.toString());
</script>

join

Dizi elemanlarını birleştirmek için join fonksiyonu kullanılır.

JavaScript join fonksiyonu toString fonksiyonuna ek olarak ayraç eklenebilir.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  alert(liste.join(" / "));
</script>

pop

Dizinin son elemanını kaldırmak için pop() fonksiyonu kullanılır.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  alert(liste);
  liste.pop();
  alert(liste);
</script>

pop fonksiyonu çıkarılan elamanın değerini verir.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  var x = liste.pop();
  alert(x);
</script>

push

Dizinin sonuna yeni eleman eklemek için push fonksiyonu kullanılır.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  alert(liste);
  liste.push("Muz");
  alert(liste);
</script>

push fonksiyonu yeni dizi uzunluğunu verir.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  var x = liste.push("Muz");
  alert(x);
</script>

shift

Dizinin ilk elemanını kaldırmak için shift fonksiyonu kullanılır.

Diğer elemanları bir öne kaydırır.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  alert(liste);
  liste.shift();
  alert(liste);
</script>

shift fonksiyonu çıkarılan elamanın değerini verir.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  var x = liste.shift();
  alert(x);
</script>

unshift

Dizinin önüne yeni eleman eklemek için unshift fonksiyonu kullanılır.

Diğer elemanları bir sona kaydırır.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  alert(liste);
  liste.unshift("Muz");
  alert(liste);
</script>

unshift fonksiyonu yeni dizi uzunluğunu verir.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  var x = liste.unshift("Muz");
  alert(x);
</script>

Dizi eleman değerini değiştirmek

Dizi elemanına dizi sıra numarası ile erişilir.

Dizilerin sıra numarası 0 ile başlar.

Dizinin ilk elemanı [0], ikinci elemanı [1], üçüncü elemanı [2] olarak devam eder.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  alert(liste);
  liste[0] = "Muz";
  alert(liste);
</script>

Dizi elemanını silmek

JavaScript dizileri nesnelerin özel bir türü olarak tanımladığından JavaScript delete anahtar kelimesi ile dizi elemanı silinebilir.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  alert(liste);
  delete liste[1];
  alert(liste);
</script>

NOT: Dizi elemanını silerken delete anahtar kelimesini kullanmak dizi arasında boşlukların oluşmasına neden olur.

splice

Diziye yeni eleman eklemek için splice() fonksiyonu kullanılabilir.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  alert(liste);
  liste.splice(1, 0, "Muz", "Kivi");
  alert(liste);
</script>

İlk parametre (1) elemanların hangi eleman sırasından itibaren ekleneceğini bildirir.

İkinci parametre (0) kaç eleman silineceğini bildirir.

Sonraki parametrelere eklenecek olan elemanlar yazılır.

Dizi arasında boşluk bırakmadan eleman silmek için splice fonksiyonu kullanılabilir.

<script>
  var liste = ["Elma", "Armut", "Portakal", "Muz", "Kivi"];
  alert(liste);
  liste.splice(1, 3);
  alert(liste);
</script>

İlk parametre (1) silinen elemanların hangi eleman sırasından itibaren silineceğini bildirir.

İkinci parametre (3) kaç eleman silineceğini bildirir.

Sonraki parametreler yeni eleman eklenmeyeceği için boş bırakılmıştır.

concat

Dizileri birleştirerek yeni dizi oluşturmak için concat fonksiyonu kullanılır.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  var liste1 = ["Muz", "Kivi"];
  var yeniListe = liste.concat(liste1);
  alert(yeniListe);
</script>

concat fonksiyonu birden fazla diziyi birleştirebilir.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  var liste1 = ["Muz", "Kivi"];
  var liste2 = ["Karpuz", "Çilek"]
  var yeniListe = liste.concat(liste1, liste2);
  alert(yeniListe);
</script>

slice

Diziden belli elemanları almak için slice fonksiyonu kullanılır.

Örnekte dizi numarası 1’den (“Armut”) itibaren elemanları alır.

<script>
  var liste = ["Elma", "Armut", "Portakal", "Muz", "Kivi"];
  var yeniListe = liste.slice(1);
  alert(yeniListe);
</script>

NOT: JavaScript slice fonksiyonu dizinin kopyasını alarak işlem yapar.

slice fonksiyonuna iki parametre yazılabilir.

İki parametre yazıldığında ilk parametreden başlayarak ikinci parametreye kadar olan elemanları alır.

<script>
  var liste = ["Elma", "Armut", "Portakal", "Muz", "Kivi"];
  var yeniListe = liste.slice(1, 3);
  alert(yeniListe);
</script>

İkinci parametre yazılmazsa ilk örnekte olduğu gibi dizinin geri kalan elemanlarını alır.

Örnekte dizi numarası 3’den (“Muz”) itibaren elemanları alır.

<script>
  var liste = ["Elma", "Armut", "Portakal", "Muz", "Kivi"];
  var yeniListe = liste.slice(3);
  alert(yeniListe);
</script>

JavaScript Derslerine buradan ulaşabilirsiniz…

Hayırlı günler dilerim.