当前位置：首页 > JavaScript

js 实现加减

2026-03-14 10:04:04JavaScript

基本加减运算

JavaScript中实现加减运算可以直接使用+和-运算符。数字类型的变量或字面量可以直接参与运算：

let a = 10;
let b = 3;
console.log(a + b); // 输出13
console.log(a - b); // 输出7

处理字符串数字

当需要处理字符串形式的数字时，建议先使用parseInt()或parseFloat()转换为数字类型，避免字符串拼接：

let strNum1 = "10";
let strNum2 = "3";
console.log(parseInt(strNum1) + parseInt(strNum2)); // 输出13
console.log(parseFloat(strNum1) - parseFloat(strNum2)); // 输出7

浮点数精度处理

JavaScript的浮点数运算可能存在精度问题，可采用以下方式解决：

let num1 = 0.1;
let num2 = 0.2;
let sum = (num1 * 10 + num2 * 10) / 10; // 输出0.3
console.log(sum.toFixed(2)); // 固定两位小数输出"0.30"

动态表单计算

在网页表单中实现实时加减计算时，建议监听输入事件：

document.getElementById('input1').addEventListener('input', calculate);
document.getElementById('input2').addEventListener('input', calculate);

function calculate() {
  let val1 = parseFloat(document.getElementById('input1').value) || 0;
  let val2 = parseFloat(document.getElementById('input2').value) || 0;
  document.getElementById('result').textContent = val1 + val2;
}

链式加减运算

支持多个数值连续运算时，可采用reduce方法：

js 实现加减

let numbers = [5, 10, 15, 20];
let sum = numbers.reduce((acc, curr) => acc + curr, 0);
let difference = numbers.reduce((acc, curr) => acc - curr);
console.log(sum); // 输出50
console.log(difference); // 输出-40