当前位置:首页 > JavaScript

js实现计算

2026-02-01 14:35:07JavaScript

实现基本数学运算

在JavaScript中可以直接使用算术运算符进行基本计算。加法使用+,减法使用-,乘法使用*,除法使用/,取模使用%,指数运算使用

let sum = 10 + 5; // 15
let difference = 10 - 5; // 5
let product = 10 * 5; // 50
let quotient = 10 / 5; // 2
let remainder = 10 % 3; // 1
let power = 2  3; // 8

处理浮点数精度问题

JavaScript中的浮点数计算可能会产生精度问题。使用toFixed()方法可以限制小数位数,但会返回字符串。需要转换为数字类型。

let result = 0.1 + 0.2; // 0.30000000000000004
let fixedResult = parseFloat((0.1 + 0.2).toFixed(1)); // 0.3

使用Math对象进行高级计算

JavaScript内置的Math对象提供了多种数学函数和常量。

Math.PI; // 圆周率
Math.sqrt(16); // 4,平方根
Math.pow(2, 3); // 8,幂运算
Math.abs(-5); // 5,绝对值
Math.round(4.6); // 5,四舍五入
Math.ceil(4.2); // 5,向上取整
Math.floor(4.9); // 4,向下取整
Math.max(1, 3, 2); // 3,最大值
Math.min(1, 3, 2); // 1,最小值
Math.random(); // 0到1之间的随机数

实现科学计算和三角函数

Math对象还提供了三角函数和对数函数等科学计算功能。

Math.sin(Math.PI/2); // 1,正弦函数
Math.cos(Math.PI); // -1,余弦函数
Math.tan(Math.PI/4); // 0.999...,正切函数
Math.log(Math.E); // 1,自然对数
Math.log10(100); // 2,以10为底的对数
Math.exp(1); // 2.718...,e的幂

创建计算器函数

可以封装计算功能为可重用的函数,处理更复杂的计算需求。

function calculate(operation, a, b) {
    switch(operation) {
        case 'add': return a + b;
        case 'subtract': return a - b;
        case 'multiply': return a * b;
        case 'divide': return a / b;
        default: throw new Error('Unknown operation');
    }
}

let result = calculate('add', 5, 3); // 8

处理大数计算

对于超出JavaScript安全整数范围(±2^53-1)的大数计算,可以使用BigInt类型。

js实现计算

let bigNum = BigInt(9007199254740991);
let bigResult = bigNum + BigInt(1); // 9007199254740992n

标签: js
分享给朋友:

相关文章

js实现复制

js实现复制

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

js实现继承

js实现继承

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

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js防抖和节流实现

js防抖和节流实现

防抖(Debounce)的实现 防抖的核心思想是在事件被触发后,延迟执行回调函数。如果在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口大小调整等场景。 function debounce…

js画图实现

js画图实现

使用Canvas API绘制图形 Canvas是HTML5提供的绘图API,通过JavaScript操作Canvas元素可以绘制各种图形。以下是一个简单的示例: <canvas id="myC…

js实现授权

js实现授权

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