JavaScript "For of" ve "For in" Döngüleri

for of ve for in döngüleri JavaScript'te farklı amaçlarla kullanılırlar. Bu döngülerin kullanım amaçları ve farklılıkları, kod yazarken doğru seçimi yapmanızı sağlar.

"For of" döngüsü

Genellikle iterable (yinelenebilir) nesneleri, yani Array, String, Map, Set gibi veri yapıları üzerinde döngü kurmak için kullanılır. Örnek Kullanım:

const array = ['elma', 'armut', 'muz'];

for (const meyve of array) {
    console.log(meyve);
}

// Çıktı:
// elma
// armut
// muz

Özellikler:
- for of, iterable nesnelerin elemanlarını direkt olarak döndürür.
- Diziler, stringler, Map ve Set gibi yapılar üzerinde kullanılabilir.
- for of döngüsü, nesne özellikleri üzerinde çalışmaz.

"For in" döngüsü

Nesnelerin (object) üzerinde döngü kurarak, nesnenin kendi enumerable (enumerable) özelliklerini ve prototip zincirindekileri döndürmek için kullanılır. Örnek Kullanım:

const obj = { elma: 1, armut: 2, muz: 3 };

for (const meyve in obj) {
    console.log(`${meyve}: ${obj[meyve]}`);
}

// Çıktı:
// elma: 1
// armut: 2
// muz: 3

Özellikler:
- for in, nesnenin kendi ve prototip zincirindeki tüm enumerable özelliklerini döndürür.
- Nesne (object) ve array (dizi) üzerinde kullanılabilir, fakat arrayler üzerinde kullanımı önerilmez çünkü array indekslerini string olarak döndürür.
- for in döngüsü, iterable nesneler üzerinde çalışmaz.

Her iki döngü de farklı amaçlara hizmet eder ve doğru kullanıldıklarında kodunuzu daha okunabilir ve etkili hale getirir.

JavaScript Nedir?

Yine standart bir söz ile konuya girelim o zaman; “HTML bir bina ise CSS onun boyası, JavaScript ise o binanın su tesisatı, muslukları, elektrik tesisatı, aydınlatma sistemi, kısaca fonksiyonel olarak çalışan her şeyidir.” Bir HTML sayfasının dinamik olarak çalışmasından tutunda, tasarımsal olarak CSS’i aşıp daha farklı, hiç görülmemiş efekt yapılarına kadar, çok geniş bir alanı kontrol eden, web yazılımının geleceği olan bir konudur. Aslında kendisini abartıyormuş gibi gözüksemde aslında az bile söylüyorum. Zira kendisi ile yapılanları saymaya çalışırsak;

1. Web sitelerinde çalışan oyunlar.

2. CSS’i içerisinde barındırması, hâliyle çok daha güzel tasarımlar sağlaması.

3. Sunucu ile haberleşme sağlaması.