Javascript Dizi Fonksiyonları

Bu yazımızda sizlere Javascript'te diziler üzerinde işlem yapmamızı sağlayan fonksiyonlardan bahsedeceğim.

Diziyi Metine Dönüştürme

toString() fonksiyonu ile dizileri kolaylıkla metine çevirebiliriz.

<script>
var isimler = ["Zafer","Fatih","Emrullah"];
console.log(isimler.toString()); // Kodun çıktısı: Zafer,Fatih,Emrullah
</script>

Dizi Elemanlarını Metin Olarak Birleştirme

join() fonksiyonu dizi elemanlarını, elemanlar arasına istediğimiz karakteri koyarak birleştirmemize olanak sağlar.

<script>
var kafamagöre = ["bir","aşk","hikayesi"];
console.log(kafamagöre.join("-")); // Kodun çıktısı bir-aşk-hikayesi
</script>

Diziye Eleman Ekleme

Push (Yanlış anlamayın size demiyorum :D ) fonksiyonu ile dizinin sonuna eleman ekleyebilirsiniz.

<script>
  var protein = ["et","mercimek","nohut"];
   protein.push("yoğurt");   // nohuttan sonra yoğurt elemanı diziye eklenmiştir.
 </script>

Diziden Eleman Çıkarma

pop() fonksiyonu ile diziden eleman çıkarabiliriz.

<script>
var muzik = ["Rap","Rock","Arabesk","Pop"];
muzik.pop();   //Pop deüeri diziden çıkarılmıştır.
</script>

Diziyi Kaydırma

shift ve unshift ile kaydırma işlemi yapabiliriz. shift ile diziyi kaydırır ve dizinin ilk elemanı yok olur. unshift ile dizinin başına eleman eklenir.

<script>
var isim = ["Esra","Zafer","Seda","Sude"];
isim.shift();
console.log(isim);   //Esra Değeri diziden çıkmış olur

isim.unshift("Cihan");   //Cihan değeri dizinin başına eklendi
</script>

Dizi Elemanını Değiştirme

Dizinin elemanına indis numarası ile ulaşarak onun değerini değiştirebiliriz.

<script>
var iller = ["Ordu","Samsun","Rize","Trabzon"];
iller[1] = "Sinop";   //Samsun'u değiştirerek Sinop yaptık.
</script>

Dizinin Elemanını Silme

delete özniteliği ile dizinin elemanını silebiliriz. tabii ki önce indis numarası ile elemana ulaşmamız lazım.

<script>
var ayakkabi = ["Kundura","Spor","Krampon","Bot"];
delete ayakkabi[0]; //Kundura değerini sildik. Artık ayakkabi[0] yazıp ulaşmaya çalışırsak undefined değerini döndürecektir.
</script>

Diziye Birden Fazla Eleman Ekleme

splicing() methodu ile diziye birden fazla öğe ekleyebiliriz. İlk iki değerden birincisi kaçıncı indis numarasından itibaren eklemeye başlanacağı, ikincisi ise kaç elemanın silineceğidir. 2'den sonraki parametreler eklenecek elemanlardır.

<script>
var meyveler = ["ananas","Muz","Kivi"];
meyveler.splicing(2,0,"Elma","Armut");
</script>

Elemanları Kaldırmak İçin slice() Fonksiyonunu Kullanmak

Diziden delete elemanıyla öğeyi kaldırdığımızda indis numarasını kaldırmıyordu. Bu da dizide boşluklar oluşmasına neden oluyordu. Bu yüzden slice fonksiyonu ile diziden elemanları kaldırmak daha mantıklı. Birinci parametre kaldırmak istediğimiz indis numarası, 2. parametre ise silinecek eleman sayısını temsil eder.

<script>
var araba = ["Passat","Megane","Ford","Renault"];
araba.slice(0,1);
</script>

Dizileri Birleştirme

concat() fonksiyonu ile dizileri birleştirebiliriz. Mesela alttaki örnekte 2 dizi birleştirilmiştir. 1. diziye 2. dizi eklenmiş. Eklenen elemanlar 1. dizinin son elemanından sonraya aktarılmıştır.

<script>
var isimler = ["Zafer","Fatih","Emrullah"];
var isimler2 = ["Arda","Aylin","Serhun"];
isimler.concat(isimler2);
//artık isimler değişkeni iki dizinin birleşmiş halidir.
</script>

Bir Diziyi Parçalayarak Yeni Bir Dizi elde Etmek

slice() fonksiyonu ile bir dizinin belli parçalarını alarak yeni bir dizi oluşturabiliriz.

<script>
var dizi = ["Kurtlar Vadisi","Ezel","Çocuklar Duymasın","Sihirli Annem"];
var benim_dizim = dizi.slice(1); // benim_dizim adında bir dizi oluştu ve içine Kurtlar Vadisi Eklendi.
</script>

Unutmamanız gereken bir husus slice() fonksiyonu dizinin içinden değerleri alıp yeni bir diziye aktarır. İçinden veri alınan dizi ise aynı kalır yani elemanları değişmez.

YAZAR HAKKINDA

26 Yaşında. Araştırmayı seven, bir şeyler öğretmeye meraklı bir Bilgisayar Mühendisi