当前位置:首页 > JavaScript

js实现累加

2026-02-01 08:26:58JavaScript

使用循环实现累加

通过循环可以逐个累加数组中的元素。以下是使用 for 循环的示例:

function sumWithLoop(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(sumWithLoop(numbers)); // 输出: 15

使用 reduce 方法实现累加

Array.prototype.reduce 是专为累加操作设计的高阶函数,简洁高效:

const sumWithReduce = (arr) => arr.reduce((acc, curr) => acc + curr, 0);
console.log(sumWithReduce([1, 2, 3, 4])); // 输出: 10

递归实现累加

递归方式适合函数式编程场景,但需注意栈溢出风险:

function sumRecursive(arr, index = 0) {
  return index >= arr.length ? 0 : arr[index] + sumRecursive(arr, index + 1);
}
console.log(sumRecursive([10, 20, 30])); // 输出: 60

使用 eval 动态计算(慎用)

通过字符串拼接生成表达式,适用于特殊场景但不推荐常规使用:

js实现累加

const numbers = [1, 3, 5, 7];
const sumEval = eval(numbers.join('+'));
console.log(sumEval); // 输出: 16

性能优化建议

  • 大数据集优先选择 reduce 或循环,避免递归
  • 类型安全检查可添加 Number.isFinite 验证
  • Web Worker 可分割计算任务处理超大规模数据

标签: js
分享给朋友:

相关文章

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

js实现选项卡

js实现选项卡

实现选项卡的基本思路 选项卡通常由一组标签和对应的内容面板组成。点击标签时,显示对应的内容面板,隐藏其他面板。实现这一效果需要结合HTML结构、CSS样式和JavaScript交互逻辑。 HTML结…

js实现tab选项卡切换

js实现tab选项卡切换

实现Tab选项卡切换的JavaScript方法 使用纯JavaScript实现Tab切换功能,可以通过监听点击事件动态切换内容显示状态。以下是两种常见实现方式: 基础DOM操作实现 /…

js实现防洪

js实现防洪

防抖(Debounce)实现 防抖的核心思想是在事件触发后延迟执行回调函数,若在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口调整等场景。 function debounce(f…

js实现自举

js实现自举

实现 JavaScript 自举的方法 JavaScript 自举(Bootstrap)通常指通过 JavaScript 动态加载自身或依赖的脚本,实现运行时环境的初始化或扩展。以下是几种常见实现方式…

js实现搜索

js实现搜索

实现搜索功能的方法 在JavaScript中实现搜索功能可以通过多种方式完成,以下是几种常见的实现方法。 使用数组的filter方法 通过数组的filter方法可以筛选出符合条件的数据项。假设有一个…