Serkan Ayyıldız

Meraklı bir yazılım uzmanı...

JavaScript For In Döngüsü

Yeni bir JavaScript makalesinde yine merhaba :)

Bir önceki makalemizde javascript array (dizi) konusuna giriş yapmıştık ve bu makalemizde dizilerle yakından ilgili döngülerden biri olan for in döngüsünü öğreneceğiz.
For in döngüsü Microsoft yazılım dillerinden biri olan C# yazılım dilindeki for ve foreach döngüsüne oldukça benzemektedir.
Bu yüzden bu döngüyü gördüğünüzde tanıdık gelecektir.

For in döngüsü ile ilgili hemen hızlıca bir HTML sayfası oluşturalım ve javascript kodlarımızı yazalım:

javascript-fonksiyon

Öncelikle bir javascript fonksiyonu oluşturduk ve 9.satırda 5 eleman kapasiteli javascript dizisi kurduk,ardı boyunca
giden satırlarda ise dizimizi doldurduk.
16.satırda for in döngümüzü kurduk ve dikkat ederseniz tıpkı foreach döngüsü gibi içeriğini doldurduk ancak for in 
döngüsünün foreach döngüsünden farkı içerideki "nesne" isimli değişkenin tipini yazmadık. (bu genelde "var" deyimiydi)

Döngü içerisine baktığımızda ise bu defa for döngüsüne benzer bir yapı mevcut,"nesne" isimli değişkeni "dizi" isimli
dizinin bir elemanı olduğunu ifade ettik ve javascriptin document.write metodu ile ekrana yansıtmasını istedik.Tekrar
document.write(br) kullanmamızın sebebi ise diziden gelecek elemanları ekrana alt alta yazdırmak içindi.

Ardından bu fonksiyonumuzu çalıştırmak için HTML belgemizin Body tagına tipi submit olan bir input nesnesi yerleştiriyor
ve onclick eventine fonksiyonumuzu referans veriyoruz:

HTML-submit

Şimdi web browserimizi açıyor ve test ediyoruz:

javascript-button

javascript-for-in-döngüsü

Gördüğünüz gibi for in döngüsü ile dizilerdeki elemanları gayet kolay bir şekilde çağırabiliyor ve döngü içerisinde
istediğimiz gibi kullanıyoruz.

Bir sonraki makalemizde görüşmek üzere hoşçakalın :)

3 Yorum:

  1. Serkan Çamur
    11/23/2013

    Sn.Lazliyoblog bahsettiğiniz fonksiyon şu şekilde anlatılabilir: function myFunction() //myfonksiyon isimli fonksiyonun { var x; var txt=""; //başlangıçta değeri olmayan iki değişkeni vardır var person= //yeni bi kişi değişkeni oluşturulur { fname:"John",lname:"Doe",age:25}; //bu değişkenin alt değişkenleri vardır,bunlar ad,soyad ve yaştır for (x in person) //kişi değişkeninin içindeki alt değişkenleri yakalar { txt=txt + person[x]; //ve ilk başta verilen boş değişkenlere değer olarak verilir.

  2. lazbiyolog
    11/26/2013

    merhaba , cevabınız için teşeküürler, cevabınızı okuyunuca aslında sorduğum sorunun içinde cevap olduğunu fark ettim .. çok ilgiç bir tesedüf oldu. başarılarınızn devamını dilerim. iyi çalışmlar.

  3. lazbiyolog
    11/17/2013

    merhaba, Öncelikle açışlmanızı oldukça anlkaşışır ve başarılı buldum.Başarılarınızn devamını dilerim. Lakin bir sorum olacaktı..müsadenizle.. Javascript öğrenmey yeni başladım.w3 okulundan çalışiyorum ordan aldığım bir kodu paylaşmak istiyorum. for in yapısını anladım ama aşağıda kodalrını verdiğim fonksiyonun for in yapısndaki süslü parantezleri anlamadım açıklarsanız sevinirm.tesekküürler.. function myFunction() { var x; var txt=""; var person={fname:"John",lname:"Doe",age:25}; for (x in person) { txt=txt + person[x]; // bu satırda ne yapmak istiyor kod? txt diye //bir deişken neden tanımlanmış olabilir acaba ? } İlginize teşekkür ederim. Esen kalın.. lazbiyolog öğrendiklermi paylaştığım bir blog yararlı olması dileyle... http://acikkaynakplatformu.wordpress.com/2013/11/09/java-script-derslerifor-dongusu/

Bir yorum bırak E-posta adresiniz yayınlanmayacaktır.

Menu