Javascript'te dizilerin bir çok kullanım yeri bulunur. Bunlardan en önemlilerinden biri seçicilerdir. Örneğin getElementsByClassName , getElementsByName , getElementsByTagName , querySelectorAll gibi seçiciler sayfadaki elemanları dizi içerisine alırlar. Bu elemanlar üzerinde işlem yapabilmek için dizilerin kullanımlarıyla ilgi bilgi sahibi olmamız gerekir. Öncelikle hadi gelin bir dizi nasıl oluşturulur ona bakalım.
DİZİ OLUŞTURMA
Javascript ile iki şekilde dizi oluşturabiliyoruz.
var dizi=new array();
var dizi[]; // daha hızlı çalışır..
Dizi oluşturulurken , elemanları eklenebilir.
var dizi=["html","css","javascript","php"];
// 4 elemanlı bir dizi oluşturulmuş olur.
DİZİ ELEMANLARINA ULAŞMAK
Dizi elemanlarına indis numaralarıyla ulaşabiliriz. İndis sayıları "0" ile başlar, yani ilk elemanın indisi 0 olur. Birer artarak devam eder.
var dizi=["html","css","javascript","php"];
document.write(dizi[0]); // ekranda html yazar.
document.write(dizi[1]); // ekranda css yazar.
document.write(dizi[2]); // ekranda javascript yazar.
document.write(dizi[3]); // ekranda php yazar.
Herhangi bir elemanı değiştirmek yada yeni elaman eklemek için de yine indis numaraları kullanılır.
dizi[0]="Web" // Dizinin ilk elemanı "html" yerine "Web" olur..
document.write(dizi[0]); // ekranda "Web" yazar.
dizi[4]="asp.net"; // Dizinin yeni elamanı (son eleman, 4.indis) "asp.net" olur..
document.write(dizi[4]); // ekranda "asp.net" yazar.
Böylece dizinin son hali {"Web","Css","Javascript","Php","asp.net") olur. Tüm diziyi tek tek indisleri ile yazdırmak yerine tümünü for döngüsü ile yazırabiliriz. Ama bunun için dizi uzunluğunu bulmamız gerekir.
DİZİ UZUNLUĞU (length)
Dizi uzunluğunu bulmak için "length()" fonksiyonu kullanılır.
toplam=dizi.length();
// dizideki eleman sayısını toplam değişkenine aktarır..
// toplam=5 olacaktır.
0 Web
1 Css
2 Javacript
3 Php
4 asp.net
Javascript'te diziler üzerinde hızlıca işlem yapabilmek için bazı fonksiyonlar tanımlanmış. Gelin onlara bakalım.
| push() |
Dizi sonuna eleman ekler |
| unshift() |
Dizi başına eleman ekler |
| shift() |
Dizinin ilk elemanını siler |
| pop() |
Dizinin son elemenını siler |
| delete() |
Dizide herahngi bir elemannı siler |
| splice() |
Dizinin herhangi bir yerine birden fazla eleman ekler |
| concat |
Dizileri birleştirir |
| sort() |
Dizi içindeki elemanları afabetk olarak sıralar |
| reverse() |
Dizi içindeki elemanları afabetk olarak ters sıralar |
| indexOf() |
Dizi içerisinde arama yapar |
DİZİ SONUNA ELEMAN EKLEME
Push() fonksiyonu ile dizi sonuna yeni eleman eklenir.
var dizi=["web","css","javascript","php","asp.net"];
dizi.push("pyhton"); // dizi sonuna "pyhton" eklenir.
dizinin son durumu ;
["web","css","javascript","php","asp.net", "pyhton"] olur.
0 Web
1 Css
2 Javacript
3 Php
4 asp.net
5 phyton
DİZİ BAŞINA ELEMAN EKLEME (unshift)
unshift() fonksiyonu ile dizi başına yeni eleman eklenir.
var dizi=["web","css","javascript","php","asp.net", "pyhton"];
dizi.unshift("java"); // dizi başına "java" eklenir.
dizinin son durumu ;
["java","web","css","javascript","php","asp.net", "pyhton"] olur.
0 java
1 Web
2 Css
3 Javacript
4 Php
5 asp.net
6 phyton
DİZİ İLK ELEMANINI SİLME (shift)
shift() fonksiyonu ile dizinin ilk elemanı silinir. Diğer elemanların indisleri bir azalımış olur.
var dizi=["java""web","css","javascript","php","asp.net", "pyhton"];
dizi.shift(); // dizinin ilk elemanı "java" silinir.
dizinin son durumu ;
["web","css","javascript","php","asp.net", "pyhton"] olur.
0 Web
1 Css
2 Javacript
3 Php
4 asp.net
5 phyton
DİZİ SON ELEMANINI SİLME (pop)
pop() fonksiyonu ile dizinin son elemanı silinir. Dizi uzunluğu bir azalır.
var dizi=["web","css","javascript","php","asp.net", "pyhton"];
dizi.pop(); // dizinin son elemanı "pyhton" silinir.
dizinin son durumu ;
["web","css","javascript","php","asp.net"] olur.
0 Web
1 Css
2 Javacript
3 Php
4 asp.net
GÜNCELLENİYOR...
