Javascript'te Döngüler (For, For in, For of, For every ve while)

Dec 10 2022

Javascript'teki döngülerle ilgili temel makale. Kavramlar, döngü türleri, davranışlar ve örnekler.

döngüler

Döngüler, diğer durumların yanı sıra bir kod talimatını tekrar tekrar yürütmemize veya bir veri yapısından geçmemize yardımcı olan bir programlama özelliğidir.

Çoğu döngü değişkenler ve koşullar tarafından kontrol edilir. Bu koşullar, döngü üzerinde daha iyi kontrol sahibi olmamıza ve olası sonsuz döngülerden kaçınmamıza yardımcı olacaktır (dikkate alınması gereken bir faktör).

Döngüleri anlamak

Döngüleri daha iyi anlamak için, bir ifadenin belirlenen kriterlere göre birkaç kez değerlendirileceği ve tekrarlanacağı aşağıdaki akış şemasında görebiliriz.

Örnekte, ekrana bir sayı yazdırılacak ve bu sayı da her yinelemede birim tarafından eklenerek 100 sayısına ulaşacaktır.

Döngülerin çoğunun, talimatı yürütmek için karşılanması gereken bir koşulu değerlendirdiğine dikkat edilmelidir. Bu değerlendirmeler, mantıksal değerler tarafından tetiklenir, burada koşul doğruysa komutu yürütür ve yanlışsa döngü kapanır.

Döngü bildirimleri

Javascript'te bir döngü tanımlamanın birden çok yolu vardır ve yıllar geçtikçe bunların etrafına daha fazla özelliğin eklendiğine dikkat çekilmektedir.

Javascript'te döngüleri kullanmanın farklı yolları şunlardır:

için.
için
için.
her biri için.
süre

İçin

“For” döngüsü, bildirildiği anda tanımlanan 3 ifadeye bağlı olarak bir kod bloğunu tekrarlayan bir döngüdür.

for (expression 1; expression 2; expression 3) {
  // code block to be executed
}

İfade 2 : Kod bloğunu yürütme koşulunu tanımlar. Koşul sağlanırsa blok yürütülür, aksi takdirde döngü durdurulur.
İfade 3 : Kod bloğu yürütüldükten sonra her zaman çalışır. Bu ifade, genellikle ifade 1'de tanımlanan değişkenleri güncellemek için kullanılır.

for (let i = 1; i <= 5; i++) {
  console.log("the number is " + i);
}

// -- Result --
// the number is 1
// the number is 2
// the number is 3
// the number is 4
// the number is 5

const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}
// -- Result --
// a: 1
// b: 2
// c: 3

"For of" döngüsü, nesneler, diziler veya kümeler gibi yinelenebilirler kategorisine ait veri türleri üzerinde yineleme yaparak değerlerini elde eden bir döngüdür.

let iterable = [10, 20, 30];

for (const value of iterable) {
  console.log(value);
}
// -- Result --
// 10
// 20
// 30

"Her biri için" döngüsü, bildirimsel ve işlevsel olarak ifade edilen basitleştirilmiş bir döngüdür. Geri aramalarla çalışır ve dizi araç setine aittir.

const array1 = ['a', 'b', 'c'];

array1.forEach(function(element){
  console.log(element);
});
// -- Result --
// "a"
// "b"
// "c"

“While” döngüsü, bir koşul doğru olduğu sürece yinelenen bir döngüdür.

let count = 1;

while (count <= 5) {
  console.log(count);
  count++;
}
// -- Result --
// 1
// 2
// 3
// 4
// 5

"break" ve "continue" ifadeleri, bir döngünün yürütülmesini durdurmak veya devam ettirmek için dil tarafından sağlanan araçlardır. Bu cümleler, yürütülmesinde döngüye müdahale etmemiz gereken belirli durumlar için destek rolünü yerine getirir.

Kırmak

“break” ifadesi döngüyü keser ve yürütülmesini sonlandırır.

let fruits = ["apple", "orange", "lemon"];
let fruitToSearch = "orange";

for (let index = 0; index < fruits.length; index++) {
  const fruit = fruits[index];
  if (fruit === fruitToSearch) {
    console.log(`has been found the ${fruit}`);
    break;
  }
  console.log(`The fruit ${fruit} don't match with ${fruitToSearch}`)
}
// -- Result --
// The fruit apple don't match with orange
// has been found the orange

"Continue" ifadesi, döngü içindeki sonraki kodu yok sayar ve bir sonraki yinelemeye geçer.

let fruits = ["apple", "orange", "lemon"];

for (let index = 0; index < fruits.length; index++) {
  const fruit = fruits[index];
  console.log(`The fruit is ${fruit}`);
  continue;
  console.log('this is not execute!!!');
  console.log('this is not execute!!!');
  console.log('this is not execute!!!');
  console.log('this is not execute!!!');
  console.log('this is not execute!!!');
  console.log('this is not execute!!!');
}
// -- Result --
// The fruit is apple
// The fruit is orange
// The fruit is lemon

Ele alınacak sağduyuya bağlı olarak farklı döngü türlerinin kullanılmasına yönelik bazı öneriler vardır. Ancak genel öneriler aşağıdakiler olabilir: