当前位置:首页 > JavaScript

js实现相加

2026-03-13 18:49:59JavaScript

实现数字相加

在JavaScript中,数字相加可以通过基本的算术运算符 + 实现。直接对数字类型变量使用 + 会返回它们的和。

let num1 = 5;
let num2 = 10;
let sum = num1 + num2; // 结果为15

处理字符串数字相加

若变量为字符串类型,+ 会默认执行字符串拼接。需先将字符串转换为数字类型再相加:

js实现相加

let str1 = "5";
let str2 = "10";
let sum = Number(str1) + Number(str2); // 结果为15
// 或使用 parseInt/parseFloat
let sum2 = parseInt(str1) + parseInt(str2); // 结果为15

处理多数字相加(数组求和)

对数组中的数字求和可使用 reduce 方法:

js实现相加

let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, curr) => acc + curr, 0); // 结果为10

处理浮点数精度问题

浮点数相加可能出现精度问题(如 0.1 + 0.2 !== 0.3),可通过以下方式解决:

let sum = (0.1 * 10 + 0.2 * 10) / 10; // 结果为0.3
// 或使用 toFixed(注意返回的是字符串)
let sum2 = (0.1 + 0.2).toFixed(1); // 结果为"0.3"

动态参数求和(函数实现)

使用 arguments 或剩余参数处理不定数量的参数求和:

function sumAll(...args) {
    return args.reduce((acc, curr) => acc + curr, 0);
}
console.log(sumAll(1, 2, 3)); // 结果为6

标签: js
分享给朋友:

相关文章

js实现验证码

js实现验证码

使用Canvas生成图形验证码 在HTML中创建一个Canvas元素用于绘制验证码。通过JavaScript随机生成数字或字母组合,并添加干扰线、噪点等干扰元素增强安全性。 <canvas i…

js防抖和节流实现

js防抖和节流实现

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

js 实现分页

js 实现分页

实现分页的基本逻辑 分页功能通常需要后端返回数据总量或总页数,前端根据当前页码和每页条数截取对应数据。以下是一个基于JavaScript的简单分页实现方案: 前端分页实现 假设已有从后端获取的完整数…

js jquery

js jquery

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

js实现祖玛

js实现祖玛

实现祖玛游戏的核心思路 祖玛游戏的核心玩法是发射彩色珠子,形成三个或以上相同颜色的珠子即可消除。以下是使用JavaScript实现的基本框架。 游戏初始化 创建画布并初始化游戏状态: const…

链表实现js

链表实现js

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和一个指向下一个节点的指针(单向链表)或两个指针(双向链表)。与数组不同,链表在内存中非连续存储,插入和删除操作更高效,但随机…