当前位置:首页 > JavaScript

js实现加法计算

2026-02-03 07:04:41JavaScript

基本加法计算

使用 + 运算符可以直接实现加法计算:

let result = 5 + 3; // 结果为8

函数封装加法

将加法逻辑封装为函数,便于复用:

function add(a, b) {
    return a + b;
}
let sum = add(2, 4); // 结果为6

处理浮点数精度问题

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

function preciseAdd(a, b) {
    const multiplier = Math.pow(10, Math.max(decimalPlaces(a), decimalPlaces(b)));
    return (a * multiplier + b * multiplier) / multiplier;
}

function decimalPlaces(num) {
    const str = num.toString();
    const decimalIndex = str.indexOf('.');
    return decimalIndex === -1 ? 0 : str.length - decimalIndex - 1;
}

let result = preciseAdd(0.1, 0.2); // 结果为0.3

动态参数加法

使用剩余参数处理不定数量的加法运算:

function dynamicAdd(...numbers) {
    return numbers.reduce((acc, curr) => acc + curr, 0);
}
let total = dynamicAdd(1, 2, 3, 4); // 结果为10

安全类型检查加法

添加类型检查确保运算安全:

function safeAdd(a, b) {
    if (typeof a !== 'number' || typeof b !== 'number') {
        throw new Error('Both arguments must be numbers');
    }
    return a + b;
}
try {
    let sum = safeAdd(3, '5'); // 抛出错误
} catch (e) {
    console.error(e.message);
}

对象属性加法

对对象属性值进行加法运算:

js实现加法计算

let cart = {
    item1: 10,
    item2: 20
};
let total = Object.values(cart).reduce((sum, price) => sum + price, 0); // 结果为30

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

相关文章

js实现全屏

js实现全屏

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

原生js实现轮播图

原生js实现轮播图

基本结构搭建 HTML部分需要包含轮播图容器、图片列表及导航按钮。结构示例如下: <div class="slider-container"> <div class="slid…

js实现预览

js实现预览

文件上传预览实现 使用JavaScript实现文件上传预览功能,可以通过FileReader对象读取文件内容并显示预览。以下代码支持图片、文本和PDF文件的预览: // HTML部分需要包含…

js实现图

js实现图

JavaScript 实现图的常用方法 在 JavaScript 中,图(Graph)可以通过多种方式实现,常见的包括邻接表(Adjacency List)和邻接矩阵(Adjacency Matrix…

js 实现跳转

js 实现跳转

使用 window.location.href 进行跳转 通过修改 window.location.href 可以跳转到指定 URL,浏览器会加载新页面: window.location.hre…

js 实现图片轮播

js 实现图片轮播

基础实现方案 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS负责样式布局,JavaScript处理轮播逻辑。 <div class="…