Veysel Uğur KIZMAZ

jQuery ile Dizi Tanımlama ve Each Fonksiyonu

16.06.2012Okunma Sayısı: 8553Kategori: JQuery

 jQuery ile dizi tanımlaması ve each fonksiyonunu inceleyelim.

 
jQuery’de each fonksiyonu, C#, VB gibi üst seviye programlama dillerinde kullandığımız foreach ile benzer şekilde çalışmaktadır.
 
Örnek uygulamamızda 10 elemanlı bir tamsayı dizisi oluşturalım ve bu dizinin elemanlarını döngü kullanmadan ekranda gösterelim.
 
 
  1. <html>
  2.             <head>
  3.                         <title>jQuery - Each</title>
  4.                         <script src="jquery-1.5.1.js"></script>
  5.                         <script type="text/javascript">
  6.                                    var sayilar=[1,2,3,4,5,6,7,8,9,10];
  7.                                    $(document).ready(function(){
  8.                                                jQuery.each(sayilar,function(i,v){
  9.                                                            $("#sonuc").append("Eleman ",i," = ",v,"<br/>");
  10.                                                });
  11.                                    });
  12.                         </script>
  13.             </head>
  14.             <body>
  15.                         <div id="sonuc"></div>
  16.             </body>
  17. </html>
 
  1. var sayilar = [1,2,3,4,5,6,7,8,9,10] 10 elemanlı tamsayı dizisi oluşturur.
  2. jQuery.each(sayilar,handler) fonksiyonu ile “sayilar” dizisinin tüm elemanlarında tek tek gezme işlemini gerçekleştirir. Handler içindeki fonksiyon tamsayı dizisi için 2 değer almıştır. 1. değer bulunduğu elemanın indexi, 2. değer ise bulunduğu elemanın değerini göstermektedir.
  3. $(“#sonuc”).append(deger); fonksiyonu ile “sonuc” ismindeki elemanın metnine “deger” değişkenini eklemektedir.
 
 
 
Veysel Uğur KIZMAZ
Bilgisayar Mühendisi
veysel@ugurkizmaz.com