JAVASCRIPT DİZİLERİ

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.

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...