当前位置:首页 > JavaScript

用js实现三个数字相加

2026-03-02 03:30:52JavaScript

实现三个数字相加的方法

方法一:基础函数实现

定义一个函数,接收三个参数并返回它们的和。

function addThreeNumbers(a, b, c) {
    return a + b + c;
}

调用示例:

console.log(addThreeNumbers(1, 2, 3)); // 输出 6

方法二:使用数组和reduce方法

通过数组存储数字,使用reduce方法求和。

function addThreeNumbers(numbers) {
    return numbers.reduce((sum, num) => sum + num, 0);
}

调用示例:

用js实现三个数字相加

console.log(addThreeNumbers([1, 2, 3])); // 输出 6

方法三:支持可变参数

使用剩余参数(rest parameters)接收任意数量的参数并求和。

function addNumbers(...numbers) {
    return numbers.reduce((sum, num) => sum + num, 0);
}

调用示例:

console.log(addNumbers(1, 2, 3)); // 输出 6
console.log(addNumbers(1, 2, 3, 4)); // 输出 10

方法四:使用箭头函数简化

箭头函数可以更简洁地实现加法。

用js实现三个数字相加

const addThreeNumbers = (a, b, c) => a + b + c;

调用示例:

console.log(addThreeNumbers(1, 2, 3)); // 输出 6

方法五:动态参数校验

在函数中添加参数校验,确保输入为数字。

function addThreeNumbers(a, b, c) {
    if (typeof a !== 'number' || typeof b !== 'number' || typeof c !== 'number') {
        throw new Error('所有参数必须为数字');
    }
    return a + b + c;
}

调用示例:

console.log(addThreeNumbers(1, 2, 3)); // 输出 6
console.log(addThreeNumbers(1, '2', 3)); // 抛出错误

注意事项

  • 确保传入的参数为数字类型,避免字符串拼接等意外行为。
  • 如果需要处理浮点数精度问题,可以使用toFixed或其他方法。

标签: 数字js
分享给朋友:

相关文章

js实现图片上传

js实现图片上传

图片上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API可以实现图片上传功能。HTML部分需要创建一个文件选择输入框和一个用于…

js实现选项卡

js实现选项卡

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

js实现自举

js实现自举

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

vue实现js休眠

vue实现js休眠

实现 JavaScript 休眠的方法 在 Vue 中实现 JavaScript 休眠(延迟执行)可以通过以下方式实现。由于 JavaScript 本身没有内置的 sleep 函数,通常使用 Prom…

js节流实现

js节流实现

节流的概念 节流(Throttle)是一种限制函数执行频率的技术,确保函数在一定时间间隔内只执行一次。常用于滚动事件、窗口调整等高频触发的场景。 基础实现方法 使用时间戳判断是否执行函数: fun…

js实现路由

js实现路由

js实现路由的方法 在JavaScript中实现路由功能可以通过多种方式完成,以下是几种常见的方法: 使用原生JavaScript实现路由 通过监听window.onhashchange事件来实现基…