Javascript Diziler
- 40
- (1)
- (5)
- 04 Eki 2017
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