当前位置:首页 > JavaScript

js实现计算

2026-04-06 07:24:00JavaScript

JavaScript 实现常见计算功能

基础数学运算
JavaScript 支持加减乘除、取模等基础运算,可直接使用运算符实现:

let sum = 5 + 3;        // 加法
let difference = 5 - 3; // 减法
let product = 5 * 3;    // 乘法
let quotient = 5 / 3;   // 除法
let remainder = 5 % 3;  // 取模

科学计算
通过 Math 对象实现指数、对数、三角函数等高级计算:

let power = Math.pow(2, 3);      // 2的3次方
let squareRoot = Math.sqrt(16);  // 平方根
let sine = Math.sin(Math.PI/2);  // 正弦函数
let log = Math.log(10);          // 自然对数

精度处理
浮点数计算可能存在精度问题,可用 toFixed() 或乘以倍数取整解决:

let fixed = (0.1 + 0.2).toFixed(2); // 结果为 "0.30"
let precise = (0.1 * 10 + 0.2 * 10) / 10; // 结果为 0.3

数组计算
使用 reduce() 实现数组求和或求积:

let numbers = [1, 2, 3, 4];
let total = numbers.reduce((a, b) => a + b, 0); // 求和
let factorial = numbers.reduce((a, b) => a * b, 1); // 求积

日期计算
通过 Date 对象计算日期差或增减时间:

let date1 = new Date('2023-01-01');
let date2 = new Date('2023-12-31');
let diffDays = (date2 - date1) / (1000 * 60 * 60 * 24); // 天数差

货币格式化
使用 Intl.NumberFormat 实现货币格式化:

let formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD'
});
console.log(formatter.format(1234.56)); // 输出 "$1,234.56"

注意事项

js实现计算

  • 浮点数比较需使用容差范围(如 Math.abs(a - b) < 0.0001)。
  • 大整数计算可使用 BigInt 类型(后缀加 n,如 12345678901234567890n)。

标签: js
分享给朋友:

相关文章

js实现轮播图

js实现轮播图

轮播图实现方法 基础HTML结构 <div class="slider"> <div class="slides"> <img src="image1.jpg…

js实现图表

js实现图表

在JavaScript中实现图表通常使用流行的图表库,以下是几种常见的方法和工具: 使用Chart.js Chart.js是一个简单灵活的库,适合快速生成响应式图表。安装方式包括CDN引入或npm安…

js实现变形

js实现变形

使用 CSS 和 JavaScript 实现元素变形 在 JavaScript 中实现变形效果通常结合 CSS 的 transform 属性,通过动态修改该属性实现元素的旋转、缩放、倾斜或平移。 基…

节流js实现

节流js实现

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

js实现吸色

js实现吸色

使用Canvas实现吸色功能 通过Canvas的getImageData方法获取像素颜色数据。创建一个Canvas元素,将目标图像绘制到Canvas上,通过鼠标事件获取坐标对应的颜色值。 c…

js实现 拖动

js实现 拖动

实现拖动的步骤 HTML 结构 创建一个可拖动的元素和一个放置区域: <div id="draggable" draggable="true">拖动我</div> <d…