Math.js 使用教程JavaScript专业数学计算库
适用场景:前端高精度计算、科学计算、公式解析、金融运算、数据可视化数值处理
阅读收获:掌握Math.js核心用法、解决JS原生计算精度丢失问题、实现复杂数学公式运算
一、前言:为什么要用 Math.js?
在 JavaScript 开发中,我们经常使用原生Math对象做数学运算,但原生 Math 存在三大致命短板:
精度丢失严重:经典的 0.1 + 0.2 = 0.30000000000000004,金融、计量场景完全不可用
不支持表达式解析:无法直接计算字符串公式,如
3*(5+2)-8需手动解析功能单一:缺少矩阵运算、复数、分数、高精度小数、统计运算等专业数学能力
Math.js是一款专为 JavaScript 设计的开源、高性能数学计算库,完美解决以上问题,支持浏览器、Node.js 双环境,是前端科学计算、金融运算、公式编辑器的首选工具库。
核心优势:
解决浮点数精度丢失问题
支持字符串数学表达式直接解析计算
支持分数、复数、矩阵、向量、大数运算
内置三角函数、统计函数、代数运算方法
轻量易用、兼容性强、可按需引入
二、Math.js 安装与环境配置
Math.js 支持Node.js和浏览器两种使用方式,安装方式简单。
1. NPM 安装(项目开发常用)
npm install mathjs
yarn yarn add mathjs
pnpm pnpm add mathjs
2. 浏览器 CDN 引入(快速测试)
直接在HTML中引入,适合demo、静态页面使用:<script src="https://cdn.jsdelivr.net/npm/mathjs@11.8.0/lib/browser/math.min.js"></script>
3. 项目引入方式
ES6 模块化(Vue/React/原生工程):
import * as math from 'mathjs'
import { evaluate, add, sqrt, sum } from 'mathjs' // 按需引用
CommonJS(Node.js 项目):
const math = require('mathjs')
三、核心基础
1. 高精度基础四则运算
解决 JS 浮点数精度问题,对比原生 Math 与 Math.js 的差异:
// 原生JS(精度丢失) console.log(0.1 + 0.2) // 0.30000000000000004
// Math.js 高精度运算 console.log(math.add(0.1, 0.2)) // 0.3
// 完整四则运算 console.log(math.subtract(1.5, 0.6)) // 0.9
减法 console.log(math.multiply(0.7, 0.8)) // 0.56
乘法 console.log(math.divide(1, 3)) // 0.3333333333333333
2. 字符串表达式解析
例如:
console.log(math.evaluate('3 + 5 * 2 - 8 / 2')) // 9 // 带括号优先级 console.log(math.evaluate('(10 + 2) * (8 - 3) / 4')) // 15 // 支持变量代入 console.log(math.evaluate('2 * x + 3 * y', { x: 5, y: 2 })) // 16 // 支持平方、开方混合运算
console.log(math.evaluate('sqrt(16) + 3^2')) // 13
3. 取整、绝对值、最值处理
console.log(math.abs(-9.8)) // 9.8
console.log(math.ceil(3.2)) // 4
console.log(math.floor(3.8)) // 3
console.log(math.round(3.56, 1)) // 3.6
console.log(math.max(12, 5, 28, 9)) // 28
console.log(math.min(12, 5, 28, 9)) // 5
4. 次方、开方、对数运算
console.log(math.pow(2, 10)) // 1024
console.log(math.square(8)) // 64
console.log(math.sqrt(81)) // 9
console.log(math.cbrt(27)) // 3
console.log(math.log(100, 10)) // 2
console.log(math.log(8, 2)) // 3
5. 内置数学常量
内置精准数学常量,无需手动定义:
console.log(math.pi) // 圆周率π console.log(math.e) // 自然常数e console.log(math.phi) // 黄金比例 console.log(math.sqrt2) // 根号2
四、进阶常用功能(科学计算/数据统计)
1. 数组批量统计运算
日常数据统计、报表计算必备,支持数组一键求和、平均值、方差、标准差:
const arr = [12, 25, 18, 30, 22]
// 求和、平均值 console.log(math.sum(arr))
// console.log(math.mean(arr)) // 21.4
// 中位数、众数 console.log(math.median(arr))
// console.log(math.mode(arr)) // [12, 25, 18, 30, 22]
// 方差、标准差 console.log(math.variance(arr)) // 40.3
console.log(math.std(arr)) // 6.348
2. 全套三角函数运算
支持角度、弧度切换,满足图形计算、可视化、GIS场景需求:
// 三角函数(默认弧度) console.log(math.sin(math.pi / 2)) // 1 console.log(math.cos(0)) // 1 console.log(math.tan(math.pi / 4)) // 1 // 角度转换 console.log(math.degrees(math.pi)) // 180 弧度转角度 console.log(math.radians(180)) // 3.141592653589793 角度转弧度
3. 分数精准运算
金融、分数计算场景,保留分数形态:
const a = math.fraction(0.25)
const b = math.fraction(0.5)
const res = math.add(a, b) console.log(res) // Fraction { n: 3, d: 4 } console.log(math.format(res)) // 3/4 格式化输出分数
4. 矩阵运算(高阶数学)
支持矩阵加减乘、转置、求逆,适合机器学习、图形矩阵变换场景:
// 定义矩阵 const m1 = math.matrix([[1, 2], [3, 4]])
const m2 = math.matrix([[5, 6], [7, 8]])
// 矩阵加法 console.log(math.add(m1, m2))
// 矩阵转置 console.log(math.transpose(m1))
五、前端常用场景
1:金融高精度计算(金额计算)
解决商品价格、折扣、运费计算精度丢失问题:
// 商品单价、数量、折扣
const price = 99.9
const count = 3
const discount = 0.8 // 精准计算折后总价
const total = math.multiply(math.multiply(price, count), discount)
console.log(total) // 239.76 精准无误差
2:动态公式计算器(自定义变量)
实现前端自定义公式、动态传参计算,适用于表单计算公式、测评分值:
/** * 通用公式计算函数 * @param {String} formula - 数学公式字符串
* @param {Object} params - 变量对象
* @returns {Number} 计算结果
*/
function calcFormula(formula, params) {
return math.evaluate(formula, params)
} // 使用:总分=语文*0.4 + 数学*0.5 + 英语*0.1
const score = calcFormula('chinese*0.4 + math*0.5 + english*0.1', { chinese: 120, math: 135, english: 110 })
console.log(score) // 126.5
六、常见问题
1. 结果为对象,无法直接比较
部分运算(分数、矩阵)返回的是对象,不是基础数值,需要通过math.number()转换:
const res = math.sqrt(16)
console.log(math.number(res)) // 4 转为普通数字
2. 表达式变量不存在报错
使用evaluate传入未定义变量会报错,使用前必须在参数对象中声明所有变量。
3. 打包体积过大优化
全局引入import math from 'mathjs'体积较大,生产环境推荐按需引入,大幅减小打包体积。
