当前位置:首页 > JavaScript

js实现加法

2026-03-01 04:21:11JavaScript

使用 + 运算符实现加法

在 JavaScript 中,最基本的加法操作可以通过 + 运算符完成。

let a = 5;
let b = 3;
let sum = a + b;
console.log(sum); // 输出: 8

处理字符串数字的加法

如果输入是字符串类型,+ 运算符会默认拼接字符串。需要先转换为数字类型:

let num1 = "10";
let num2 = "20";
let sum = Number(num1) + Number(num2);
console.log(sum); // 输出: 30

使用 parseIntparseFloat 转换

对于包含非数字字符的字符串,可以使用 parseInt(整数)或 parseFloat(浮点数):

js实现加法

let strNum1 = "12px";
let strNum2 = "3.5em";
let sum = parseInt(strNum1) + parseFloat(strNum2);
console.log(sum); // 输出: 15.5

使用箭头函数封装加法逻辑

将加法逻辑封装为可复用的函数:

const add = (x, y) => x + y;
console.log(add(7, 8)); // 输出: 15

处理浮点数精度问题

JavaScript 的浮点数运算可能存在精度问题,可通过 toFixed 或乘以倍数后取整解决:

js实现加法

let result = 0.1 + 0.2;
console.log(result.toFixed(2)); // 输出: "0.30"

// 高精度方法
const preciseAdd = (a, b) => (a * 10 + b * 10) / 10;
console.log(preciseAdd(0.1, 0.2)); // 输出: 0.3

使用 reduce 实现多数字求和

对数组中的多个数字求和时,可用 reduce 方法:

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

动态参数求和(ES6 Rest参数)

通过 Rest 参数接收任意数量的参数并求和:

function dynamicSum(...args) {
    return args.reduce((a, b) => a + b, 0);
}
console.log(dynamicSum(1, 2, 3)); // 输出: 6

注意事项

  • 非数字类型(如 nullundefined)参与加法时会被隐式转换(null 转为 0undefined 转为 NaN)。
  • 大整数建议使用 BigInt 类型避免溢出:
    let bigSum = BigInt(9007199254740991) + BigInt(1);
    console.log(bigSum.toString()); // 输出: "9007199254740992"

标签: 加法js
分享给朋友:

相关文章

js实现跳转

js实现跳转

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

js实现验证

js实现验证

验证表单输入 使用JavaScript验证表单输入是常见的需求。可以通过监听表单提交事件,检查输入字段是否符合要求。 document.getElementById('myForm').addEve…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的J…

js实现跑马灯

js实现跑马灯

实现跑马灯效果 使用HTML和JavaScript可以轻松实现跑马灯效果。以下是两种常见的实现方式: HTML结构 <div id="marquee"> <span>…

js 多选 实现

js 多选 实现

实现多选的 JavaScript 方法 使用复选框(Checkbox)实现多选 通过 HTML 的 checkbox 元素配合 JavaScript 实现多选功能。用户可以选择多个选项,提交时获取所有…

js 实现文件上传

js 实现文件上传

文件上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API可以实现文件上传功能。以下是一个基础示例: <input ty…