当前位置:首页 > JavaScript

js实现加法计算

2026-02-03 07:04:41JavaScript

基本加法计算

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

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

函数封装加法

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

js实现加法计算

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

动态参数加法

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

js实现加法计算

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);
}

对象属性加法

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

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

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

相关文章

vue实现js休眠

vue实现js休眠

Vue 中实现 JavaScript 休眠 在 Vue 中实现 JavaScript 休眠通常需要使用异步方式,以避免阻塞主线程。以下是几种常见方法: 使用 setTimeout 和 Promis…

js 实现vue模板

js 实现vue模板

实现 Vue 模板的 JavaScript 方法 通过原生 JavaScript 可以实现类似 Vue 的模板渲染功能,主要包括数据绑定、指令处理和模板解析。以下是核心实现思路: 数据绑定与…

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js实现文件下载

js实现文件下载

使用 a 标签下载文件 通过动态创建 a 标签并设置 download 属性实现文件下载。适用于已知文件 URL 或 Blob 数据的情况。 function downloadFile(url, f…

js 实现继承

js 实现继承

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

js 进度条的实现

js 进度条的实现

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