Bu yazıda, bir JavaScript dizisindeki öğeleri toplamanın birkaç farklı yöntemini göstereceğim. İlk üç yöntem, temel algoritma yapısı ile bir döngü kullanılarak yapılmaktadır. Dördüncü ve beşinci yöntemde ise JavaScript dizi fonksiyonları kullanılmıştır.
1. JavaScript for Döngüsü ile Dizi Elemanlarını Toplama
İlk yöntem, basit bir for döngüsü ile dizi öğeleri üzerinde hareket ederek dizi elemanlarını toplamaktır.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html> <html> <body> <button onclick="topla()">TOPLA</button> <p id="liste"></p> <p id="sonuc"></p> <script> const liste = document.querySelector("#liste"); const sonuc = document.querySelector("#sonuc"); const dizi = [10, 20, 30, 40, 50]; liste.textContent = dizi; function topla() { let toplam = 0; // Dizi toplamı for (let i = 0; i < dizi.length; i++) { toplam += dizi[i]; } sonuc.textContent = toplam; } </script> </body> </html> |
2. JavaScript for-of ile Dizi Elemanlarını Toplama
for döngüsünden farklı olarak, diğer programlama dillerindeki foreach döngüsü gibi çalışır. Sadece öğeler üzerinde dönerek dizi elemanlarını toplar.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html> <html> <body> <button onclick="topla()">TOPLA</button> <p id="liste"></p> <p id="sonuc"></p> <script> const liste = document.querySelector("#liste"); const sonuc = document.querySelector("#sonuc"); const dizi = [10, 20, 30, 40, 50]; liste.textContent = dizi; function topla() { let toplam = 0; // Dizi toplamı for (let eleman of dizi) { toplam += eleman; } sonuc.textContent = toplam; } </script> </body> </html> |
3. JavaScript for-in ile Dizi Elemanlarını Toplama
for-in döngüsü, dizi elemanlarındaki indeks sıraları üzerinde hareket ederek ilgili indeksi getirir. İndeksi kullanarak dizi elemanlarını toplar.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html> <html> <body> <button onclick="topla()">TOPLA</button> <p id="liste"></p> <p id="sonuc"></p> <script> const liste = document.querySelector("#liste"); const sonuc = document.querySelector("#sonuc"); const dizi = [10, 20, 30, 40, 50]; liste.textContent = dizi; function topla() { let toplam = 0; // Dizi toplamı for (let i in dizi) { toplam += dizi[i]; } sonuc.textContent = toplam; } </script> </body> </html> |
4. JavaScript forEach Fonksiyonu ile Dizi Elemanlarını Toplama
forEach fonksiyonu kullanılarak dizi elemanlarını toplamak için anonim bir fonksiyon tanımlanır ve toplam sonucu döndürülür.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html> <html> <body> <button onclick="topla()">TOPLA</button> <p id="liste"></p> <p id="sonuc"></p> <script> const liste = document.querySelector("#liste"); const sonuc = document.querySelector("#sonuc"); const dizi = [10, 20, 30, 40, 50]; liste.textContent = dizi; function topla() { let toplam = 0; dizi.forEach(function(eleman) { toplam += eleman; }); sonuc.textContent = toplam; } </script> </body> </html> |
5. JavaScript reduce() Yöntemini Kullanma
Bir sayı dizisinin toplamını bulmak için en beğenilen yöntemlerden biri reduce() yöntemidir. Bu yöntem, dizinin her bir elemanında belirtilen redüktör işlevini tek bir sonuç değeriyle sonuçlandırır.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html> <body> <button onclick="topla()">TOPLA</button> <p id="liste"></p> <p id="sonuc"></p> <script> const liste = document.querySelector("#liste"); const sonuc = document.querySelector("#sonuc"); const dizi = [10, 20, 30, 40, 50]; liste.textContent = dizi; function topla() { const toplam = dizi.reduce(function(a, b) { return a + b; }, 0); sonuc.textContent = toplam; } </script> </body> </html> |
Yorum Yap