“JavaScript’te For…Of Döngüsü: Kolay ve Etkili İterasyon”

JavaScript’te, dizilerde ve diğer iterable nesnelerde döngü yapmak için birçok yöntem vardır. Bunlardan birisi de For…Of döngüsüdür. Bu yazıda, JavaScript’te For…Of döngüsünün nasıl kullanıldığını ve ne zaman tercih edilmesi gerektiğini öğreneceğiz.

For…Of Döngüsü Nedir?

For…Of döngüsü, bir dizi veya başka bir iterable nesne üzerinde döngü yapmak için kullanılan bir yapıdır. Bu döngü, dizinin her bir elemanını ziyaret eder ve her bir eleman için belirtilen işlemi gerçekleştirir. For…Of döngüsü, döngü sırasında dizinin indislerine veya özelliklerine erişmek için kullanılmaz, sadece elemanlara erişmek için kullanılır.

For…Of Döngüsünün Kullanımı

For…Of döngüsü, aşağıdaki gibi kullanılır:

const colors = ['red', 'green', 'blue'];

for (const color of colors) {
  console.log(color);
}

Yukarıdaki kodda, colors adlı bir dizi oluşturduk ve For…Of döngüsünü kullanarak her bir renk için console.log() ile renkleri yazdırdık.

For…Of ve Dizilerin Kullanımı

For…Of döngüsü, dizilerle birlikte kullanıldığında oldukça etkilidir. Özellikle, dizideki her bir eleman üzerinde işlem yapmak istediğinizde tercih edilir.

const numbers = [1, 2, 3, 4, 5];
let sum = 0;

for (const number of numbers) {
  sum += number;
}

console.log('Sum:', sum);

Yukarıdaki kodda, numbers adlı bir dizi oluşturduk ve bu dizideki her bir sayıyı topladık. For…Of döngüsü, dizinin her bir elemanını dolaşırken sum değişkenine elemanları ekler.

For…Of ve Stringlerin Kullanımı

For…Of döngüsü, stringlerle de kullanılabilir. Bir string üzerinde döngü yapmak istediğinizde, her bir karaktere erişmek için For…Of döngüsünü kullanabilirsiniz.

const str = 'Hello';

for (const char of str) {
  console.log(char);
}

Yukarıdaki kodda, str adlı bir string oluşturduk ve bu stringin her bir karakterini ekrana yazdırdık.

For…Of ve Map, Set, NodeList Gibi Diğer Iterable Nesnelerin Kullanımı

For…Of döngüsü, sadece dizilerle değil, aynı zamanda Map, Set, NodeList gibi diğer iterable nesnelerle de kullanılabilir. Bu nesnelerin her bir elemanını ziyaret etmek için For…Of döngüsünü kullanabilirsiniz.

const set = new Set([1, 2, 3]);

for (const item of set) {
  console.log(item);
}

Yukarıdaki kodda, bir Set oluşturduk ve bu Set’in her bir elemanını ekrana yazdırdık.

Sonuç

For…Of döngüsü, JavaScript’te iterable nesneler üzerinde döngü yapmanın basit ve etkili bir yoludur. Diziler, stringler, Map, Set gibi birçok iterable nesne üzerinde kullanılabilir. For…Of döngüsü, dizinin elemanlarına erişmek için kullanılırken, dizi indislerine erişmek için For…In döngüsü tercih edilir.