当前位置:首页 > JavaScript

js实现数值计算

2026-02-02 16:38:50JavaScript

JavaScript 数值计算基础

JavaScript 提供多种方式处理数值计算,包括基本算术运算、数学函数库以及高精度计算方案。

基本算术运算

直接使用运算符进行加减乘除和取模运算:

const sum = 1 + 2;       // 加法 → 3  
const product = 3 * 4;   // 乘法 → 12  
const remainder = 10 % 3; // 取模 → 1  

Math 对象常用方法

内置 Math 对象提供数学函数:

Math.sqrt(16);      // 平方根 → 4  
Math.pow(2, 3);      // 幂运算 → 8  
Math.round(3.6);    // 四舍五入 → 4  
Math.floor(3.6);    // 向下取整 → 3  
Math.ceil(3.2);     // 向上取整 → 4  
Math.random();      // 生成 0-1 随机数  

处理浮点数精度问题

JavaScript 的浮点数运算可能产生精度误差,需特殊处理:

方案一:扩大为整数运算后还原

const result = (0.1 * 10 + 0.2 * 10) / 10; // 0.3  

方案二:使用 toFixed() 控制小数位

const num = (0.1 + 0.2).toFixed(1); // "0.3"(返回字符串)  

方案三:引入第三方库

  • Big.js:适用于高精度计算
    import Big from 'big.js';  
    new Big(0.1).plus(0.2).toString(); // "0.3"  

科学计算与扩展需求

处理大整数

ES2020 引入 BigInt 类型:

const largeNum = BigInt(9007199254740991) + BigInt(1);  

复杂数学运算

使用库如 math.js 支持矩阵、复数等运算:

import { evaluate } from 'mathjs';  
evaluate('sqrt(16) + log(100)'); // 6  

注意事项

  • 避免直接比较浮点数,使用误差范围:
    Math.abs(0.1 + 0.2 - 0.3) < 1e-10; // true  
  • 数值转换时检查 NaN
    isNaN(parseInt("abc")); // true  

js实现数值计算

标签: 数值js
分享给朋友:

相关文章

js实现验证码

js实现验证码

使用Canvas生成图形验证码 在HTML中创建一个Canvas元素用于绘制验证码。通过JavaScript随机生成数字或字母组合,并添加干扰线、噪点等干扰元素增强安全性。 <canvas i…

js实现全选

js实现全选

实现全选功能的方法 在JavaScript中实现全选功能通常涉及监听全选复选框的点击事件,并根据其状态控制其他复选框的选中状态。以下是几种常见的实现方式: 基础DOM操作实现 通过获取所有目标复选…

js实现全屏

js实现全屏

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

js 进度条的实现

js 进度条的实现

使用 HTML 和 CSS 创建基础进度条 HTML 结构可以简单使用一个 div 元素作为容器,内部嵌套另一个 div 表示进度: <div class="progress-containe…

js 实现vue

js 实现vue

Vue.js 的基本实现 在 JavaScript 中实现 Vue.js 的核心功能,可以通过数据绑定、响应式系统和虚拟 DOM 来实现。以下是实现 Vue.js 核心功能的简化版本。 数据响应式…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统…