Hepiniz yeni bir Javascript konusuna hoş geldiniz. Bugün yine bir temel olan ama aynı zamanda çok önemli bir konuyu göreceğiz.
Döngüler bir işi birden çok kez yapmamız gerektiğinde kullandığımız kodlardır. Mesela bir program düşünelim bu program ilk 100 sayıyı bize gösterecek peki biz bu ilk 100 sayıyı teker teker mi yazacağız ?
Hayır döngüler ile 100 sayıyı 3-4 satırda yazdırma şansı bulacağız ayrıca birden çok döngü türleri vardır gelin bakalım şimdi bu döngü türlerine
For Döngüleri
For döngüleri en temel ve en kullanışlı döngülerden biridir. For yazarız ve parantezler içine döngüde kullanılacak bir değişken tanımlarız bu değişken adı genelde i,j,k,l,m oluyor.
Kod:
for(let i = 0; i <= 5; i++){
console.log(i)
}
Burda 0'dan 5'e kadar olan sayıları basit bir döngü yardımıyla kullandık
Bazı zamanlar ters yazdırmamız da gerekebilir.
Kod:
for(let i = 5; i >= 0; i--){
console.log(i)
}
Böyle yaparak 5'ten 0'a olacak şekilde yazdırabilirsiniz.
Kod:
const ulkeler = ['Finlandiya', 'İsveç', 'Türkiye', 'Almanya', 'Fransa']
const yeniDizi = []
for(let i = 0; i < ulkeler.length; i++){
yeniDizi.push(ulkeler[i].toUpperCase())
}
console.log(yeniDizi)
Bu döngüde her i değeri aslında dizide bulunan elemana eşittir. Böylece döngüyü ülkelerin uzunluğu kadar döndürüp her i ( ulke elemanını) yeniDizi, dizisine büyük harflerle atadık
While Döngüsü
For döngüsünden en büyük fark while döngüsünün ne zaman biteceği belli değildir. Yani siz for döngüsüne i küçükse 5'ten i bir arttır diyorsunuz. O döngü 5 olunca bitecektir ama while döngüsünde bu yoktur. While döngüsüne tek bir şart tanımlanır ve bu şart boyunca döngü devam etmektedir.
Kod:
let i = 0
while (i <= 5) {
console.log(i)
i++
}
Burada döngü i 5'ten küçük olduğu sürece devam etmektedir. Konsola bir i değeri yazdıktan sonra i, 1 arttırılır ve döngü şartı sağlanıp sağlanmadığına bakılır. Eğer hala sağlıyorsa konsola i değer (yeni +1 almış değeri) alıp yazar ve tekrar 1 arttırılır. Şart sağlanana kadar bu devam eder.
Do-While Döngüsü
Bu döngü türünde ise önce işlem bir kez yapılır ve döngü şartına daha sonra bakılır.
Kod:
let i = 0
do {
console.log(i)
i++
} while (i <= 5)
Mesela burada do diyerek önce sen bir o i değerini yaz konsola sonra bir arttır eğer hala 5'ten küçükse tekrarla bunu demiş oluruz bu kodda.
For of döngüleri
For of döngüleri aslında temel bir for döngüsüdür ama tek farkı bu döngü sadece diziler için kullanılır. Yukarıda ülkeler dizisini for döngüsüyle yapmıştık ne gerek var buna derseniz bu daha kısadır. Bir for döngüsü oluşturup let i of diziadı yaparsanız. O i değeri diziadı gibi olacaktır. Böyle uzunca dizi adını yazmaktansa direkt i yazarak da dizinin elemanlarına ulaşabilirsiniz.
Kod:
const webTechs = [
'HTML',
'CSS',
'JavaScript',
'React',
'Redux',
'Node',
'MongoDB'
]
for (const tech of webTechs) {
console.log(tech.toUpperCase())
}
const sayilar = [1, 2, 3, 4, 5]
for (const sayi of sayilar) {
console.log(sayi)
}
Break İfadesi
Break ifadesini aslında switch case ile görmüştük. İşlev aynı işlev bir şartı sağlarsa döngü durdurarak gereksiz çalışmasını engelleriz.
Kod:
for(let i = 0; i <= 5; i++){
if(i == 3){
break
}
console.log(i)
}
Yukarıda sayı 3 olduğu gibi break ifadesiyle durdurduk. Eğer durdurmasak 5'e kadar gidecekti.
Continue İfadesi
Break ifadesinin tersidir. Devam etmesi gerektiğini belirtir.
Kod:
for(let i = 0; i <= 5; i++){
if(i == 3){
continue
}
console.log(i)
}
Tebrikler bir adım daha ileri gittin. Artık döngüleri ve türlerini biliyorsun. Bizden birden fazla iş istediğinde teker teker yazmak yok artık direkt döngüleri kullanabilecek hale geldin. Bir sonraki konuya kadar pratik yapmaya devam et. Konular gitgide zorlaşmaya başlıyor artık.
