当前位置:首页 > JavaScript

js实现sum

2026-02-02 04:29:31JavaScript

JavaScript 实现 sum 函数

在 JavaScript 中,实现一个 sum 函数可以通过多种方式完成,具体取决于需求场景(如数组求和、多个参数求和等)。以下是几种常见的实现方法:

数组求和

若需求是对数组中的数字求和,可以使用以下代码:

function sum(arr) {
    return arr.reduce((acc, curr) => acc + curr, 0);
}

示例调用:

js实现sum

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

多参数求和

若需求是直接对多个参数求和(非数组形式),可以使用 arguments 或剩余参数:

function sum(...args) {
    return args.reduce((acc, curr) => acc + curr, 0);
}

示例调用:

js实现sum

console.log(sum(1, 2, 3, 4)); // 输出: 10

处理非数字输入

若需要处理可能存在的非数字输入(如字符串数字),可添加类型转换:

function sum(...args) {
    return args.reduce((acc, curr) => acc + Number(curr), 0);
}

示例调用:

console.log(sum(1, '2', 3)); // 输出: 6

递归实现

递归方式适用于学习场景,但实际项目中较少使用:

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

注意事项

  • 若数组中包含非数字值(如 null 或对象),需额外处理,否则会得到意外结果(如 [1, 2, null] 求和结果为 3null)。
  • 大数组求和时,递归可能导致栈溢出,建议使用迭代方法(如 reduce)。

标签: jssum
分享给朋友:

相关文章

js实现全选

js实现全选

实现全选功能的方法 在JavaScript中实现全选功能通常涉及监听全选复选框的点击事件,并根据其状态控制其他复选框的选中状态。以下是几种常见的实现方式: 基础DOM操作实现 通过获取所有目标复选框…

js实现图片预览

js实现图片预览

使用FileReader API实现图片预览 通过FileReader对象读取用户选择的图片文件并显示预览: const input = document.getElementById('imag…

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

js实现图表

js实现图表

在JavaScript中实现图表通常使用流行的图表库,以下是几种常见的方法和工具: 使用Chart.js Chart.js是一个简单灵活的库,适合快速生成响应式图表。安装方式包括CDN引入或npm安…

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…

js实现变形

js实现变形

使用 CSS 和 JavaScript 实现元素变形 在 JavaScript 中实现变形效果通常结合 CSS 的 transform 属性,通过动态修改该属性实现元素的旋转、缩放、倾斜或平移。 基…