当前位置:首页 > 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 参数接收任意数量的参数并求和:

js实现加法

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
分享给朋友:

相关文章

css3结合js制作

css3结合js制作

CSS3 结合 JavaScript 制作动态效果 CSS3 和 JavaScript 结合可以实现丰富的动态效果,包括动画、交互和响应式设计。以下是几种常见的实现方式: CSS3 动画与 Java…

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 通过监听鼠标事件(mousedown、mousemove、mouseup)实现拖拽功能。以下是核心代码逻辑: const draggableElement = document.…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…

js实现点击显示和隐藏

js实现点击显示和隐藏

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

js 实现拖拽

js 实现拖拽

实现拖拽的基本步骤 在JavaScript中实现拖拽功能需要监听几个关键事件:mousedown、mousemove和mouseup。以下是实现的基本逻辑。 监听目标元素的mousedown事件,记…