7.5 KiB

Raw Permalink Blame History Unescape Escape

JavaScript Temelleri: Diziler ve Döngüler

Sketchnote: Tomomi Imura

Ders Öncesi Test

Bu ders, webde etkileşim sağlayan JavaScript dilinin temellerini kapsar. Bu derste, verileri işlemek için kullanılan diziler ve döngüler hakkında bilgi edineceksiniz.

🎥 Diziler ve döngüler hakkında videolar için yukarıdaki görsellere tıklayın.

Bu dersi Microsoft Learn üzerinden alabilirsiniz!

Diziler

Verilerle çalışmak, herhangi bir programlama dilinde yaygın bir görevdir ve veriler diziler gibi yapısal bir formatta düzenlendiğinde bu görev çok daha kolay hale gelir. Dizilerle, veriler bir listeye benzer bir yapıda saklanır. Dizilerin en büyük avantajlarından biri, tek bir dizi içinde farklı türde veriler saklayabilmenizdir.

✅ Diziler hayatımızın her yerinde! Güneş paneli dizisi gibi gerçek hayattan bir dizi örneği düşünebilir misiniz?

Bir dizi için sözdizimi, köşeli parantez çiftidir.

let myArray = [];

Bu, boş bir dizidir, ancak diziler veriyle önceden doldurulmuş olarak da tanımlanabilir. Bir dizideki birden fazla değer virgülle ayrılır.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];

Dizi değerlerine, indeks adı verilen benzersiz bir değer atanır. Bu indeks, dizinin başlangıcından olan uzaklığına göre atanmış bir tam sayıdır. Yukarıdaki örnekte, "Chocolate" dizesinin indeksi 0, "Rocky Road" ise 4'tür. Dizi değerlerini almak, değiştirmek veya eklemek için indeksi köşeli parantezlerle kullanabilirsiniz.

✅ Dizilerin sıfır indeksinden başlaması sizi şaşırttı mı? Bazı programlama dillerinde indeksler 1'den başlar. Bununla ilgili ilginç bir geçmişi Wikipedia'da okuyabilirsiniz.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
iceCreamFlavors[2]; //"Vanilla"

Bir değeri değiştirmek için indeksi şu şekilde kullanabilirsiniz:

iceCreamFlavors[4] = "Butter Pecan"; //Changed "Rocky Road" to "Butter Pecan"

Ve belirli bir indekse yeni bir değer eklemek için şu şekilde yapabilirsiniz:

iceCreamFlavors[5] = "Cookie Dough"; //Added "Cookie Dough"

✅ Dizilere değer eklemenin daha yaygın bir yolu, array.push() gibi dizi operatörlerini kullanmaktır.

Bir dizide kaç öğe olduğunu öğrenmek için length özelliğini kullanabilirsiniz.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
iceCreamFlavors.length; //5

✅ Kendiniz deneyin! Tarayıcınızın konsolunda kendi oluşturduğunuz bir dizi yaratın ve üzerinde işlem yapın.

Döngüler

Döngüler, tekrarlayan veya iteratif görevleri gerçekleştirmemizi sağlar ve çok fazla zaman ve kod tasarrufu sağlar. Her yineleme, değişkenler, değerler ve koşullar açısından farklılık gösterebilir. JavaScript'te farklı türde döngüler vardır ve hepsi küçük farklılıklara sahiptir, ancak temelde aynı şeyi yaparlar: veriler üzerinde döngü oluştururlar.

For Döngüsü

for döngüsü, yineleme yapmak için 3 parçaya ihtiyaç duyar:

counter Genellikle bir sayı ile başlatılan ve yineleme sayısını sayan bir değişken
condition false olduğunda döngünün durmasına neden olan karşılaştırma operatörlerini kullanan ifade
iteration-expression Her yinelemenin sonunda çalışır, genellikle sayaç değerini değiştirmek için kullanılır

// Counting up to 10
for (let i = 0; i < 10; i++) {
  console.log(i);
}

✅ Bu kodu bir tarayıcı konsolunda çalıştırın. Sayaç, koşul veya yineleme ifadesinde küçük değişiklikler yaptığınızda ne olur? Geriye doğru çalışmasını sağlayabilir misiniz, bir geri sayım oluşturabilir misiniz?

While Döngüsü

for döngüsünün sözdiziminden farklı olarak, while döngüleri yalnızca bir koşula ihtiyaç duyar ve bu koşul false olduğunda döngü durur. Döngülerdeki koşullar genellikle sayaçlar gibi diğer değerlere dayanır ve döngü sırasında yönetilmelidir. Sayaçlar için başlangıç değerleri döngü dışında oluşturulmalı ve koşulu karşılamak için gerekli ifadeler, sayaç değişikliği dahil, döngü içinde sürdürülmelidir.

//Counting up to 10
let i = 0;
while (i < 10) {
 console.log(i);
 i++;
}

✅ Neden bir for döngüsü yerine bir while döngüsü seçersiniz? StackOverflow'da 17 bin kişi aynı soruyu sormuş ve bazı görüşler ilginizi çekebilir.

Döngüler ve Diziler

Diziler genellikle döngülerle birlikte kullanılır çünkü çoğu koşul, döngüyü durdurmak için dizinin uzunluğunu gerektirir ve indeks aynı zamanda sayaç değeri olabilir.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];

for (let i = 0; i < iceCreamFlavors.length; i++) {
  console.log(iceCreamFlavors[i]);
} //Ends when all flavors are printed

✅ Tarayıcınızın konsolunda kendi oluşturduğunuz bir dizi üzerinde döngü oluşturmayı deneyin.

🚀 Zorluk

Diziler üzerinde döngü oluşturmanın for ve while döngüleri dışında başka yolları da vardır. forEach, for-of ve map gibi yöntemler mevcuttur. Dizi döngünüzü bu tekniklerden biriyle yeniden yazın.

Ders Sonrası Test

Ders sonrası testi

Gözden Geçirme ve Kendi Kendine Çalışma

JavaScript'teki diziler, veri manipülasyonu için son derece kullanışlı birçok metoda sahiptir. Bu metodlar hakkında bilgi edinin ve kendi oluşturduğunuz bir dizi üzerinde push, pop, slice ve splice gibi bazılarını deneyin.

Ödev

Diziyi Döngüye Al

Feragatname:
Bu belge, Co-op Translator adlı yapay zeka çeviri hizmeti kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hata veya yanlışlıklar içerebileceğini lütfen unutmayın. Belgenin orijinal dili, yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımından kaynaklanan yanlış anlama veya yanlış yorumlamalardan sorumlu değiliz.

7.5 KiB Raw Permalink Blame History Unescape Escape