Javascript Diziler

Javascript dilinde dizileri şu şekillerde tanımlayabilirsiniz.

var dizi1 = []; // boş dizi
var dizi2 = ['eleman1', 'eleman2', 'eleman3'];
var dizi3 = [4, 9, 11, 12, 20];
var dizi4 = [
    { id: 1, urun: 'Bot', fiyat: 280.00 },
    { id: 1, urun: 'Kundura', fiyat: 310.00 },
    { id: 1, urun: 'Spor', fiyat: 400.00 }
]

[] indis operatörü ile dizilerin elemanlarına erişip atayabilirsiniz.

var etiket = document.getElementById('my-label');
var dizi = ['Kırmızı', 'Yeşil', 'Mavi']; // boş dizi
etiket.innerText = dizi[1]; // etikete 'Yeşil' yazılır
var renk = dizi[2]; // renk değişkeni 'Mavi' olur
var eleman = dizi[3]; // eleman değişkeni undefined olur
// undefined tanımsız anlamına gelir çünkü dizi 3 elemanlıdır
// 3 elemanlı dizinin maksimum indisi 2 olur

Dizilere Eleman Ekleme

Tanımlanmış bir diziye push fonksiyonu ile eleman eklemek son derece basittir.

var dizi = []; // boş dizi
dizi.push('ilk eleman');
dizi.push('sonraki eleman');
dizi.push('son eleman');

Dizilerden Eleman Silme

Bir diziden eleman silmek için birbirinden farklı birçok fonksiyon bulunmaktadır.

pop fonsiyonu ile dizinin sonundaki elemanı silebilirsiniz.

var dizi = [4, 8, 9, 11, 17, 21];
dizi.pop(); // 4, 8, 9, 11, 17 kalır
dizi.pop(); // 4, 8, 9, 11 kalır
dizi.pop(); // 4, 8, 9 kalır

shift fonksiyonu ile dizinin başındaki elemanı silebilirsiniz.

var dizi = [4, 8, 9, 11, 17, 21];
dizi.shift(); // 8, 9, 11, 17, 21 kalır
dizi.shift(); // 9, 11, 17, 21 kalır
dizi.shift(); // 11, 17, 21 kalır

splice fonksiyonu ile dizinin belli bir kısmını silebilirsiniz.

var dizi = [4, 8, 9, 11, 17, 21];
var silinen = dizi.splice(1, 2);
// 1. indisten başlayıp 2 eleman silinir
// 4, 11, 17, 21 kalır
// silinen dizisi ise 8, 9 olur

splice fonksiyonunun ilk parametresi hangi indisten başlanacağını ikinci parametresi ise kaç eleman silineceğini belirler. Fonksiyonun geri dönüş değeri ise silinen elemanların dizisidir.

filter fonksiyonu ile dizinin elemanlarını süzgeçten geçirerek istediğiniz elemanları alabilirsiniz.

var dizi = [4, 8, 9, 11, 17, 21];
var suzulen = dizi.filter(function (elm) {
    return elm % 2 == 0;
});
// 2' ye bölümünden kalan 0 olan elemanları süzer
// dizi olduğu gibi kalır
// ancak suzulen dizisi 4, 8 olur