当前位置:首页 > JavaScript

js实现加法

2026-03-01 04:21:11JavaScript

使用 + 运算符实现加法

在 JavaScript 中,最基本的加法操作可以通过 + 运算符完成。

let a = 5;
let b = 3;
let sum = a + b;
console.log(sum); // 输出: 8

处理字符串数字的加法

如果输入是字符串类型,+ 运算符会默认拼接字符串。需要先转换为数字类型:

let num1 = "10";
let num2 = "20";
let sum = Number(num1) + Number(num2);
console.log(sum); // 输出: 30

使用 parseIntparseFloat 转换

对于包含非数字字符的字符串,可以使用 parseInt(整数)或 parseFloat(浮点数):

let strNum1 = "12px";
let strNum2 = "3.5em";
let sum = parseInt(strNum1) + parseFloat(strNum2);
console.log(sum); // 输出: 15.5

使用箭头函数封装加法逻辑

将加法逻辑封装为可复用的函数:

const add = (x, y) => x + y;
console.log(add(7, 8)); // 输出: 15

处理浮点数精度问题

JavaScript 的浮点数运算可能存在精度问题,可通过 toFixed 或乘以倍数后取整解决:

let result = 0.1 + 0.2;
console.log(result.toFixed(2)); // 输出: "0.30"

// 高精度方法
const preciseAdd = (a, b) => (a * 10 + b * 10) / 10;
console.log(preciseAdd(0.1, 0.2)); // 输出: 0.3

使用 reduce 实现多数字求和

对数组中的多个数字求和时,可用 reduce 方法:

let numbers = [1, 2, 3, 4];
let total = numbers.reduce((acc, curr) => acc + curr, 0);
console.log(total); // 输出: 10

动态参数求和(ES6 Rest参数)

通过 Rest 参数接收任意数量的参数并求和:

js实现加法

function dynamicSum(...args) {
    return args.reduce((a, b) => a + b, 0);
}
console.log(dynamicSum(1, 2, 3)); // 输出: 6

注意事项

  • 非数字类型(如 nullundefined)参与加法时会被隐式转换(null 转为 0undefined 转为 NaN)。
  • 大整数建议使用 BigInt 类型避免溢出:
    let bigSum = BigInt(9007199254740991) + BigInt(1);
    console.log(bigSum.toString()); // 输出: "9007199254740992"

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

相关文章

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swipe…

js实现

js实现

实现 JavaScript 功能的方法 在 JavaScript 中实现特定功能通常涉及多个步骤。以下是常见的实现方法: 基础语法和变量声明 使用 let 或 const 声明变量: let co…

jquery.js

jquery.js

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等操作。以下是关于 jQuery.js 的核心信息和使用方法: 获…

js实现密码

js实现密码

密码强度验证 使用正则表达式验证密码强度是一种常见方法。以下代码检查密码是否包含大小写字母、数字和特殊字符,且长度至少为8位: function checkPasswordStrength(pass…

js实现下拉菜单

js实现下拉菜单

使用HTML和CSS创建基础结构 HTML部分需要包含一个触发下拉的按钮和隐藏的下拉菜单内容: <div class="dropdown"> <button class="dr…

js实现滑动

js实现滑动

实现滑动效果的方法 在JavaScript中实现滑动效果可以通过多种方式完成,以下是几种常见的实现方法: 使用CSS过渡和JavaScript触发 通过CSS定义过渡效果,JavaScript控制触…