当前位置:首页 > JavaScript

js 实现加减

2026-04-06 04:05:33JavaScript

实现加法

在JavaScript中实现加法可以直接使用+运算符。加法可以用于数字相加或字符串拼接。

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

如果操作数中包含字符串,+会优先进行字符串拼接。

let str1 = "Hello";
let str2 = "World";
let result = str1 + " " + str2; // 结果为"Hello World"

实现减法

减法使用-运算符,只能用于数字运算。如果操作数是非数字类型,JavaScript会尝试将其转换为数字。

let num1 = 15;
let num2 = 10;
let difference = num1 - num2; // 结果为5

如果操作数无法转换为数字,结果会是NaN(Not a Number)。

let result = "Hello" - 5; // 结果为NaN

处理浮点数精度

JavaScript的浮点数运算可能存在精度问题,可以通过以下方式解决:

let num1 = 0.1;
let num2 = 0.2;
let sum = (num1 * 10 + num2 * 10) / 10; // 结果为0.3

或者使用toFixed()方法限制小数位数:

let sum = (0.1 + 0.2).toFixed(1); // 结果为"0.3"(字符串)

动态加减运算

可以通过函数动态执行加减运算:

function calculate(a, b, operator) {
  if (operator === '+') {
    return a + b;
  } else if (operator === '-') {
    return a - b;
  } else {
    return NaN;
  }
}

console.log(calculate(5, 3, '+')); // 8
console.log(calculate(5, 3, '-')); // 2

使用对象封装运算

将加减运算封装为对象方法,便于复用:

js 实现加减

const calculator = {
  add: function(a, b) {
    return a + b;
  },
  subtract: function(a, b) {
    return a - b;
  }
};

console.log(calculator.add(10, 5)); // 15
console.log(calculator.subtract(10, 5)); // 5

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

相关文章

js实现vue

js实现vue

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

js实现点击显示和隐藏

js实现点击显示和隐藏

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

js钟表实现

js钟表实现

实现JavaScript钟表的基本方法 创建一个简单的JavaScript钟表可以通过以下步骤完成,涵盖数字和模拟两种形式。 数字钟表实现 HTML结构只需一个显示时间的容器: <div i…

节流js实现

节流js实现

节流(Throttle)的实现原理 节流是一种限制函数执行频率的技术,确保函数在一定时间间隔内最多执行一次。适用于高频触发事件(如滚动、输入、窗口调整等)的场景。 基础实现方式 使用时间戳判断是否执…

js实现下拉刷新

js实现下拉刷新

监听触摸事件 通过监听 touchstart、touchmove 和 touchend 事件来检测用户下拉手势。记录触摸起始位置和移动距离。 let startY = 0; let curr…

js实现的游戏

js实现的游戏

JavaScript 游戏开发基础 JavaScript 是开发网页游戏的流行选择,因其无需插件即可在浏览器中运行。以下是一些关键技术和资源: HTML5 Canvas Canvas 提供了绘制图形…