資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 JavaScript 中找到給定陣列所有元素的總和？
在程式設計中，經常需要找到陣列中所有元素的總和。在 JavaScript 中有很多方法可以做到這一點。在本教程中，我們將介紹一些查詢陣列中所有元素總和的方法。
使用 for 迴圈
查詢陣列中所有元素的總和是 JavaScript 中非常常見的操作，而 **for 迴圈** 是最簡單的方法。如果您在 JavaScript 中使用陣列，請務必利用 for 迴圈來查詢陣列中所有元素的總和。
在 JavaScript 中，for 迴圈是一種控制流語句，允許您迭代給定的陣列、物件或字串。for 迴圈將對陣列、物件或字串中的每個元素執行一組語句。在本教程中，我們將討論使用 for 迴圈查詢給定陣列所有元素總和的好處。
使用 for 迴圈查詢陣列中所有元素總和的好處之一是它易於編碼。您只需建立一個變數來儲存總和，然後使用 for 迴圈迭代陣列，並將每個元素新增到總和中。這是一種非常簡潔的查詢陣列總和的方法。
示例 1
以下是使用 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>輸出
程式碼將給出以下輸出。
Finding sum of all elements using for loop: Array = [2,4,6,8] Sum of All Elements: 20
在 JavaScript 中使用 for 迴圈查詢給定陣列所有元素的總和有一些缺點。它們如下 -
這是一個耗時的過程：使用 for 迴圈查詢陣列中所有元素的總和是一個耗時的過程。這是因為迴圈必須遍歷陣列的所有元素才能找到它們的總和。
這是一個佔用記憶體的過程：這是因為，為了找到陣列中所有元素的總和，所有元素都必須首先儲存在記憶體中，然後才能執行查詢其總和的過程。這會消耗大量記憶體。
這是一個處理器密集型過程：這是因為迴圈必須遍歷陣列的所有元素才能找到它們的總和。
使用 reduce() 方法
要查詢陣列中所有元素的總和，可以使用 **reduce()** 方法。此方法將一個函式應用於陣列中的每個元素，從左到右，並返回單個值。
**reduce()** 方法接受兩個引數：一個函式和一個可選的初始值。該函式在陣列中的每個元素上執行，返回值用作陣列中下一個元素的新值。初始值是可選的；如果省略，則陣列中的第一個元素用作初始值。
如果陣列為空，或者如果指定了初始值並且陣列只有一個元素，則返回初始值。
示例 2
下面的示例是使用 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>輸出
程式碼將給出以下輸出。
20Finding sum of all elements using reduce() method: Array: 2,4,6,8 Sum of all elements in the array = 20
使用 reduce() 方法查詢陣列中所有元素的總和有很多優點。首先，它簡單明瞭。其次，它易於閱讀和理解。第三，它高效快捷。最後，它可以用來查詢任何型別資料的總和，而不僅僅是數字。
860 次檢視
