当前位置:首页 > JavaScript

js 实现累加

2026-04-07 03:14:55JavaScript

使用循环实现累加

通过 for 循环或 while 循环可以轻松实现数组或数字的累加。以下是一个使用 for 循环累加数组元素的示例:

function sumArray(arr) {
  let total = 0;
  for (let i = 0; i < arr.length; i++) {
    total += arr[i];
  }
  return total;
}

const numbers = [1, 2, 3, 4, 5];
console.log(sumArray(numbers)); // 输出: 15

使用 reduce 方法实现累加

JavaScript 的 Array.prototype.reduce 方法是实现累加的高效方式,特别适合处理数组求和:

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 输出: 15

reduce 方法的第二个参数 0 是初始值,可以根据需求调整。

递归实现累加

递归也可以用于累加,尤其是在函数式编程中:

function recursiveSum(arr, index = 0, total = 0) {
  if (index >= arr.length) return total;
  return recursiveSum(arr, index + 1, total + arr[index]);
}

const numbers = [1, 2, 3, 4, 5];
console.log(recursiveSum(numbers)); // 输出: 15

累加数字范围

如果需要累加一定范围内的数字(如 1 到 n),可以使用数学公式或循环:

// 使用数学公式
function sumRange(n) {
  return (n * (n + 1)) / 2;
}
console.log(sumRange(5)); // 输出: 15

// 使用循环
function sumRangeLoop(n) {
  let total = 0;
  for (let i = 1; i <= n; i++) {
    total += i;
  }
  return total;
}
console.log(sumRangeLoop(5)); // 输出: 15

累加对象属性

如果需要累加对象数组中的某个属性值,可以结合 reduce 方法:

js 实现累加

const items = [
  { name: 'A', value: 10 },
  { name: 'B', value: 20 },
  { name: 'C', value: 30 }
];

const totalValue = items.reduce((sum, item) => sum + item.value, 0);
console.log(totalValue); // 输出: 60

以上方法覆盖了常见的累加需求,可以根据具体场景选择合适的方式。

标签: js
分享给朋友:

相关文章

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…

js实现图

js实现图

JavaScript 实现图的常用方法 在 JavaScript 中,图(Graph)可以通过多种方式实现,常见的包括邻接表(Adjacency List)和邻接矩阵(Adjacency Matrix…

js实现 功能

js实现 功能

在 JavaScript 中实现功能通常涉及多个关键步骤,具体取决于功能需求。以下是常见功能的实现方法和示例: 基本功能实现 使用函数封装逻辑是最直接的方式。例如,实现一个计算两数之和的函数: f…

js实现下拉菜单

js实现下拉菜单

使用HTML和CSS创建基础结构 HTML部分需要包含一个触发下拉的按钮和隐藏的下拉菜单内容: <div class="dropdown"> <button class="dr…

js实现滚动

js实现滚动

实现滚动效果的方法 在JavaScript中实现滚动效果可以通过多种方式完成,以下是一些常见的方法: 使用window.scrollTo() window.scrollTo()方法可以将页面滚动到指…

js实现导航菜单

js实现导航菜单

使用HTML和CSS创建基础结构 导航菜单的基础结构通常由HTML的无序列表(<ul>)和列表项(<li>)组成,每个列表项包含一个链接(<a>)。CSS用于样式化…