Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mencari jumlah semua elemen tatasusunan yang diberikan dalam JavaScript?

Bagaimana untuk mencari jumlah semua elemen tatasusunan yang diberikan dalam JavaScript?

WBOY
WBOYke hadapan
2023-08-24 14:25:151922semak imbas

如何在 JavaScript 中求给定数组所有元素的总和?

Dalam pengaturcaraan, kita selalunya perlu mencari jumlah semua elemen dalam tatasusunan. mempunyai Terdapat banyak cara untuk melakukan ini dalam JavaScript. Dalam tutorial ini kita akan belajar tentang beberapa Kaedah untuk mencari jumlah semua elemen dalam tatasusunan.

Gunakan untuk gelung

Mencari jumlah semua elemen dalam tatasusunan ialah operasi yang sangat biasa dalam JavaScript dan untuk gelung ialah kaedah yang paling mudah. Jika anda menggunakan tatasusunan dalam JavaScript, pastikan anda menggunakan gelung for untuk mencari jumlah semua elemen dalam tatasusunan.

Dalam JavaScript, gelung for ialah pernyataan aliran kawalan yang membolehkan anda mengulangi Diberi tatasusunan, objek atau rentetan. Gelung for akan melaksanakan satu set pernyataan untuk setiap elemen Dalam tatasusunan, objek atau rentetan. Dalam tutorial ini kita akan membincangkan faedah penjumlahan Gunakan gelung for untuk mengira semua elemen tatasusunan yang diberikan.

Salah satu faedah menggunakan gelung for untuk mencari jumlah semua elemen dalam tatasusunan ialah Sangat mudah untuk kod. Anda hanya membuat pembolehubah untuk menyimpan jumlah dan kemudian gunakan Gelung for berulang melalui tatasusunan, menambah setiap elemen kepada jumlah. Ini adalah sangat ringkas Kaedah untuk mencari jumlah tatasusunan.

Contoh 1

Di bawah ialah program lengkap untuk menjumlahkan semua elemen dalam tatasusunan menggunakan gelung for -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <h2> Finding sum of all elements using <i>for</i> loop: </h2>
   <div id="array"></div>
   <div id="result"></div>
   <script>
      const data = [2,4,6,8];
      let sum = 0;
      const len = data.length
      for (let i = 0; i < len; i++) {
         sum += data[i];
      }
      document.getElementById("array").innerHTML = "Array = [" + data+ "]";
      document.getElementById("result").innerHTML ="Sum of All Elements: " + sum;
   </script>
</body>
</html>

Output

Kod akan memberikan output berikut.

Finding sum of all elements using for loop:
Array = [2,4,6,8]
Sum of All Elements: 20

Terdapat beberapa kelemahan untuk menggunakan gelung for dalam JavaScript untuk mencari jumlah semua elemen tatasusunan yang diberikan. Ia adalah seperti berikut -

  • Ini adalah proses yang memakan masa: Cari jumlah semua elemen tatasusunan menggunakan untuk Penggulungan adalah proses yang memakan masa. Ini kerana gelung mesti berulang Cari jumlah semua elemen dalam tatasusunan.

  • Ini adalah proses yang memakan ingatan: ini kerana, untuk mencari jumlah semua elemen elemen tatasusunan, semua elemen mesti disimpan dahulu dalam ingatan Kemudian lakukan proses mencari jumlah mereka. Ini memakan banyak memori.

  • Ini ialah proses intensif pemproses: ini kerana gelung perlu berulang Cari jumlah semua elemen tatasusunan.

Gunakan kaedah reduce()

Untuk mencari jumlah semua elemen tatasusunan, anda boleh menggunakan kaedah reduce(). Kaedah ini menggunakan fungsi untuk setiap elemen dalam tatasusunan dari kiri ke kanan dan mengembalikan nilai. Kaedah

reduce() mengambil dua parameter: fungsi dan nilai awal pilihan. Fungsi ini dilaksanakan untuk setiap elemen dalam tatasusunan dan nilai pulangan digunakan sebagai nilai baharu untuk elemen seterusnya dalam tatasusunan. Nilai awal adalah pilihan; jika diabaikan, elemen pertama dalam tatasusunan digunakan sebagai nilai awal.

Jika tatasusunan kosong, atau nilai awal ditentukan dan tatasusunan hanya mempunyai satu elemen, Kembalikan nilai awal.

Contoh 2

Contoh berikut dilaksanakan menggunakan kaedah reduce() -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <h2> Finding sum of all elements using <i>reduce()</i> method: </h2>
   <div id="array"></div>
   <div id="result"></div>
<script>
   var arr = [2, 4, 6, 8];
   var sum = arr.reduce(function(a,b){
      return a+b;
   }, 0);
   document.getElementById("array").innerHTML = "Array: " + arr;
   document.getElementById("result").innerHTML = "Sum of all elements in the array = " + sum;
</script>
</body>
</html>

Output

Kod akan memberikan output berikut.

20Finding sum of all elements using reduce() method:
Array: 2,4,6,8
Sum of all elements in the array = 20

Terdapat banyak kelebihan menggunakan kaedah reduce() untuk mencari jumlah semua elemen dalam tatasusunan. Pertama, ia mudah dan ringkas. Kedua, ia mudah dibaca dan difahami. ketiga, Ia cekap dan pantas. Akhir sekali, ia boleh digunakan untuk menjumlahkan sebarang jenis data, bukan sahaja nombor.

Atas ialah kandungan terperinci Bagaimana untuk mencari jumlah semua elemen tatasusunan yang diberikan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam