#实现数组求和的几种方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>求和</title>
</head>
<body>
<p>sum1 is: <span id="sum1"></span></p>
<p>sum2 is: <span id="sum2"></span></p>
</body>
<script>
// 数组求和,输入[1, 2, 3, 4, 5]
let arr = [1, 2, 3, 4, 5];
//1: 函数式编程,数组reduce
let sum1 = arr.reduce((pre, cur) => {
return pre + cur;
});
document.getElementById("sum1").innerHTML = sum1;
//2: forEach遍历
let sum2 = 0;
arr.forEach((element) => {
sum2 += element;
});
document.getElementById("sum2").innerHTML = sum2;
//3: 普通for循环
let sum3 = 0;
for (let i = 0; i < arr.length; i++) {
sum3 += arr[i];
}
alert("sum3: " + sum3);
//4: eavl eval() 的参数是一个字符串。如果字符串表示的是表达式,eval() 会对表达式进行求值。
let sum4 = eval(arr.join("+"));
alert("sum4: " + sum4);
</script>
</html>