当前位置:首页 > 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(浮点数):

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 或乘以倍数后取整解决:

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实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js实现复制

js实现复制

使用document.execCommand方法 在较旧的浏览器中,可以使用document.execCommand('copy')实现复制功能。创建一个临时的textarea或input元素,将需要…

js实现全屏

js实现全屏

实现全屏的基本方法 使用JavaScript实现全屏功能主要依赖Element.requestFullscreen()方法。现代浏览器均支持此API,但不同浏览器可能需要添加前缀。 // 触发全屏…

js实现点击显示和隐藏

js实现点击显示和隐藏

实现点击显示和隐藏的JavaScript方法 使用classList.toggle切换类名 通过添加/移除CSS类控制元素的显示与隐藏,需提前在CSS中定义隐藏样式(如display: none)。…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的cur…

js实现授权

js实现授权

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