Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mendapatkan jumlah semua kuasa nombor dalam JavaScript?

Bagaimana untuk mendapatkan jumlah semua kuasa nombor dalam JavaScript?

WBOY
WBOYke hadapan
2023-08-24 12:05:02828semak imbas

Bagaimana untuk mendapatkan jumlah semua kuasa nombor dalam JavaScript?

Dalam tutorial ini, kami akan membincangkan cara mendapatkan jumlah kuasa semua nombor dari mula hingga akhir dalam JavaScript Kami akan menggunakan kaedah Math.pow() terbina dalam hitung kuasa dan kaedah Array reduce() untuk menjumlahkan nilai.

Menggunakan kaedah Math.pow()

Kaedah Math.pow() membolehkan kita mengira kuasa nombor Kita boleh menggunakan kaedah ini untuk mengira kuasa semua nombor dari mula hingga akhir.

Syntax

Math.pow(base, exponent) ;

parameter

  • Asas − asas.

  • Eksponen − Eksponen yang asasnya akan dinaikkan.

Contoh

Sebagai contoh, jika kita ingin mengira jumlah semua nombor yang dinaikkan kepada kuasa 2 daripada 1 hingga 4, kita boleh melakukannya menggunakan kod berikut -

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var sum = 0;
      for(var i=1; i<=4; i++) {
          sum += Math.pow(i, 2);
      }
      document.getElementById("result").innerHTML = sum;
   </script>
</body>
</html>

Dalam kod di atas, kita mula-mula buat pembolehubah A bernama sum dan mulakannya kepada 0. Kemudian kami menggunakan gelung for untuk melelaran melalui semua nombor dari 1 hingga 4. Untuk setiap nombor, kami mengira kuasanya dan menambahnya kepada jumlah. Akhirnya, kami mencetak jumlah.

Menggunakan kaedah Array.reduce()

Cara lain untuk mendapatkan jumlah kuasa semua nombor dari mula hingga akhir ialah menggunakan kaedah Array.reduce(). Kaedah

Array.reduce() membolehkan kami mengurangkan tatasusunan kepada satu nilai. Kita boleh menggunakan kaedah ini untuk menjumlahkan nilai tatasusunan.

Contoh

Sebagai contoh, jika kita ingin mendapatkan jumlah semua nombor yang dinaikkan kepada kuasa ke-3 daripada 1 hingga 4, kita boleh menggunakan kod berikut:

<html>
<head>
   <title>Example: Using the Array.reduce() method </title>
</head>
<body>
   <div id="result"></div>
   <script>
      var numbers = [1, 2, 3, 4];
      var sum = numbers.reduce(function(a, b) {
         return a + Math.pow(b, 3);
      }, 0);
      document.getElementById("result").innerHTML = sum;
   </script>
</body>
</html>

Dalam kod di atas, kita mula-mula mencipta nombor yang dipanggil Tatasusunan yang mengandungi semua nombor dari 1 hingga 4. Kami kemudian menggunakan kaedah Array.reduce() untuk mengira jumlah nilai ini. Fungsi yang kita hantar kepada kaedah Array.reduce() mengira setiap nombor yang dinaikkan kepada kuasa 3 dan menambahkannya kepada jumlah. Akhirnya, kami mencetak jumlahnya.

Menggunakan Fungsi Anak Panah ES6 -

Kita juga boleh menggunakan fungsi anak panah ES6 untuk mendapatkan jumlah semua kuasa nombor dari mula hingga akhir.

Contoh

Sebagai contoh, jika kita ingin mendapatkan jumlah kuasa semua nombor dari 1 hingga 4, kita boleh menggunakan kod berikut -

<html>
<head>
   <title>Example: Using the ES6 arrow function</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var numbers = [1, 2, 3, 4];
      var sum = numbers.reduce((a, b) => a + Math.pow(b, 2), 0);
      document.getElementById("result").innerHTML = sum      
   </script>
</body>
</html>

Dalam kod di atas, kita mula-mula mencipta tatasusunan yang dipanggil nombor, Ia mengandungi semua nombor dari 1 hingga 4. Kami kemudian menggunakan kaedah Array.reduce() untuk mengira jumlah nilai ini. Fungsi anak panah yang kita hantar ke kaedah Array.reduce() mengira kuasa setiap nombor dan menambahkannya kepada jumlah. Akhirnya, kami mencetak jumlahnya.

Kesimpulan

Dalam artikel ini, kami membincangkan cara mendapatkan jumlah kuasa semua nombor dari awal hingga akhir dalam JavaScript. Kami menggunakan kaedah Math.pow() terbina dalam untuk mengira kuasa dan kaedah Array.reduce() untuk mengira jumlah nilai ini.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan jumlah semua kuasa nombor 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