JavaScript metodu olan toString() diziyi virgüllerle ayrılmış yazıya çevirir.
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
document.getElementById("demo").innerHTML = meyveler.toString();
Sonuç:
Muz,Portakal,Elma,Mango
join() metodu da tüm diziyi yazıya çevirir.
toString() metoduna ek olarak ayraç işaretini kendiniz belirleyebilirsiniz:
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
document.getElementById("demo").innerHTML = meyveler.join(" - ");
Sonuç:
Muz - Portakal - Elma - Mango
Dizilerle çalışırken, yeni eleman eklemek ve olan elemanları çıkarmak çok kolaydır.
Pop ve push metodları bu işe yarar: Elemanları diziye sokar veya elemanları diziden çıkarırlar.
pop() metodu dizideki son elemanı diziden çıkarır:
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
meyveler.pop(); // Son eleman olan Mango'yu diziden çıkarır.
pop() metodu geriye çıkarılan elemanın ismini döndürür:
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
var isim = meyveler.pop(); // isim değişkeninin değeri "Mango"
push() metodu dizinin sonuna yeni eleman ekler:
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
meyveler.push("Limon"); // meyveler dizisine Limon elemanını ekler
push() metodu geriye dizinin yeni uzunluğunu döndürür.
Shift metodu da pop metodu gibidir fakat son elemanı değil ilk elemanı diziden çıkarır.
Daha sonra da çıkarılan eleman yerine bütün diziyi çıkarılan 0 index numarasına göre tekrar kaydırır.
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
meyveler.shift(); // İlk eleman olan Muz'u diziden çıkarır
shift() metodu geriye diziden çıkarılan elemanın değerini döndürür.
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
var isim = meyveler.shift(); // isim değişkeninin değeri Muz'dur
unshift() metodu dizinin başına yeni bir eleman ekler ve eski elemanları tekrar kaydırır:
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
meyveler.unshift("Limon"); // Diziye yeni Limon elemanını ekler
unshift() metodu geriye dizinin yeni uzunluğunu döndürür.
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
meyveler.unshift("Limon"); // 5 değerini döndürür
Dizi elemanlarına ulaşmak için index numaralarını kullanırız:
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
meyveler[0] = "Limon"; // Dizinin ilk elemanını yani Muz'u Limon'la değiştirir
length özelliği dizinin sonuna yeni bir eleman eklemeyi kolaylaştırır:
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
meyveler[meyveler.length] = "Limon"; // Dizinin sonuna Limon elemanını ekler
Diziler JavaScript'te obje olarak kabul edildiklerinden, objeler için kullanılan delete komutu diziler için de kullanılabilir:
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
delete meyveler[0]; // Dizinin ilk elemanını undefined yani tanımlanamamış değere çevirir
splice() metodu diziye yeni elemanlar eklemek için kullanılabilir:
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
meyveler.splice(2, 0, "Limon", "Armut");
İlk parametre olan 2 sayısı, yeni elemanların dizide nereye ekleneceğini belirler.
İkinci parametre olan 0 sayısı, kaç tane elemanın diziden silineceğini belirler.
Diğer parametreler ise, eklenecek elemanları belirler.
splice() metodu geriye silinen elemanların olduğu bir dizi döndürür.
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
meyveler.splice(2, 2, "Limon", "Armut");
splice() metodunu doğru parametrelerle kullanarak dizide boşluklar bırakmadan diziden eleman silmekte faydalanabilirsiniz:
var meyveler = ["Muz", "Portakal", "Elma", "Mango"];
meyveler.splice(0, 1); // meyveler dizisindeki ilk elemanı siler
İlk parametre olan 0, yeni elemanların dizide hangi konuma ekleneceğini belirtir.
İkinci parametre olan 1, kaç tane elemanın diziden çıkarılacağını belirtir.
Diğer parametreler girilmediğinden göz ardı edilir ve diziye yeni eleman eklenmez.
concat() metodu var olan dizileri uç uca ekleyerek yeni bir dizi oluşturur.
var meyveler = ["Elma", "Armut"];
var sebzeler = ["Patlıcan", "Ispanak"];
var yiyecekler = meyveler.concat(sebzeler); // meyveler ve sebzeler dizilerini birleştirir.
concat() metodu değişik sayılardaki dizileri de birleştirebilir:
var meyveler = ["Elma", "Armut"];
var sebzeler = ["Patlıcan", "Ispanak", "Kabak"];
var icecekler = ["Su"];
var yiyecekler = meyveler.concat(sebzeler, icecekler); // meyveler dizisi ile sebzeler ve icecekler dizilerini birleştirir
concat() metodu yalnızca dizi değil, değerleri de birleştirebilir:
var meyveler = ["Elma", "Armut"];
var yiyecekler = meyveler.concat(["Patlıcan", "Ispanak"]);
slice() metodu dizinin bir bölümünü keser ve yeni bir diziye aktarır.
Bu örnekte, dizinin Elma'dan yani 2. elemanından başlayarak kalan kısmı kesilir ve yeni bir diziye aktarılır:
var meyveler = ["Muz", "Portakal", "Elma", "Mango", "Limon"];
var yeniDizi = meyveler.slice(2); // yeniDizi dizisi meyveler dizisinin 2. elemanı olan Elma'dan başlayan yeni bir dizidir.
slice() metodu iki tane değer alabilir: slice(1, 3) gibi.
Bu metod, birinci değerden yani bu örnekte 1'den, ikinci değere kadar yani 3'e kadar (fakat 3 dahil değil) olan elemanları seçer:
var meyveler = ["Muz", "Portakal", "Elma", "Mango", "Limon"];
var yeniDizi = meyveler.slice(1, 3);
Eğer ilk örnekteki gibi son değer verilmediyse (slice(2) gibi), dizideki kalan tüm değerler seçilir.
JavaScript her zaman bir diziyi yazdırmak istediğinizde onu String yani yazıya çevirir.
Bu iki örnek aynı sonucu vermektedir:
var meyveler = ["Muz", "Portakal", "Elma", "Mango", "Limon"];
document.getElementById("demo").innerHTML = meyveler.toString();
var meyveler = ["Muz", "Portakal", "Elma", "Mango", "Limon"];
document.getElementById("demo").innerHTML = meyveler;