Javascript Notlar 2 - Diziler ve Dngler (Arrays, For-While-ForEach Loops)

series: [Javascript Notlar]

Selamlar, serinin ikinci notu ile beraberiz. Bu sefer Javascript programlama dilinde diziler ve dnglerden bahsedeceiz. Hadi balayalm :)

Diziler

Dier programlama dillerinde olduu gibi, Javascript'te de dizilerin tanm olduka basittir. Aada "diller" isimli dizi tanmlanmtr:

<script>var diller = ["Java","Python","C","C++"];</script>

Dizi ierisindeki herhangi bir elemana indexi ile ulalabilir:

<script>var x = diller[0]; // x'in deeri "Java" olacaktr.</script>

Diziye eleman eklenebilir ya da var olan bir eleman deitirilebilir:

<script>diller[4] = "Php"; // Dizinin 5. eleman "Php" olacaktr.diller[1] = "Ruby"; // Dizinin 2. eleman Python, Ruby olacaktr.</script>

Dizinin tamam tek bir satrda yazdrlabilir ya da dizinin uzunluu aadaki komut sayesinde ekilebilir:

<script>alert(array); // Dizinin tamam yazdrlr.alert(array.length); // Dizinin uzunluu yazdrlr.</script>

Dngler

For Dngs

For dngs, yaplacak iin adm says (uzunluu) belli ise kullanlr. Yani 100'e kadar olan tek saylar yazdrma buna rnek olarak verilebilir. For dngs tanmlama aadaki gibidir:

<script> // 10'a kadar olan saylar konsola yazdrmafor (var i =0; i <10;  i++)  {             console.log("i'nin deeri = " + i);         }</script>

While Dngs

While dngs, bir i herhangi bir koula bal ekilde belli sre boyunca devam ettirilecekse kullanlr. Bu dngye "fonksiyon True dnene kadar u ii yap" rnek olarak verilebilir. While dngsnn basit syntax' aadaki gibidir:

<script> // 10'a kadar olan saylar konsola yazdrmavar i = 0;while (i < 10) {     console.log("i'nin deeri = " + i);     i += 1; // Ya da "i = i + 1;"}</script>

Dizi elemanlarn tek tek elle yazdrmak ok zahmetli bir i olurdu. Bu i iin dnglerden yardm alabiliriz.

Dizilerin For Dngs ile Yazdrlmas

Aadaki rnekte dizinin elemanlarnn for dngs ile konsola yazdrldn grmekteyiz:

<script> var sayilar = [10,5,0,25,-15,75,65,-30]; // sayilar dizisiconsole.log("Array Elemanlar..."); // baln yazdrlmasfor (var i=0; i < sayilar.length; i++){console.log((i + 1) + ". eleman: " + sayilar[i]);}</script>

Bu rnein ekran kts aadaki gibidir:

Dizilerin While Dngs ile Yazdrlmas

Aadaki rnekte dizinin elemanlarnn while dngs ile konsola yazdrldn grmekteyiz:

<script> var sayilar = [10,5,0,25,-15,75,65,-30]; // sayilar dizisivar i = 0;while (i < sayilar.length) {    console.log((i+1) + ". eleman: " + sayilar[i]);    i += 1; // ya da "i = i + 1";}</script>

Bu rnein ekran kts aadaki gibidir:

Dizilerin ForEach Dngs ile Yazdrlmas

ForEach dngs, diziler iin oluturulmu zel dnglerdir. Dizi ierisindeki her elemana erimek ve ona gre ilem yapmak iin kullanlr. Aada ForEach'e bir rnek verilmitir:

<script> var sayilar = [10,5,0,25,-15,75,65,-30];sayilar.forEach(function(sayi) {    console.log("Eleman: " + sayi)});</script>

Bu rnein ekran kts aadaki gibidir:

Bylelikle dizi ve dng kavramlarn genel olarak anlam bulunmaktayz. Daha nceden de belirtildii zere bunlar sadece simple-basic rnekler ve tanmlar. Bu kavramlar ile ilgili kefedilmesi gereken ok daha fazla fonksiyon, kullanm ve ksayol bulunmakta. yi almalar :)