当前位置:首页 > JavaScript

js实现相加

2026-03-13 18:49:59JavaScript

实现数字相加

在JavaScript中,数字相加可以通过基本的算术运算符 + 实现。直接对数字类型变量使用 + 会返回它们的和。

let num1 = 5;
let num2 = 10;
let sum = num1 + num2; // 结果为15

处理字符串数字相加

若变量为字符串类型,+ 会默认执行字符串拼接。需先将字符串转换为数字类型再相加:

let str1 = "5";
let str2 = "10";
let sum = Number(str1) + Number(str2); // 结果为15
// 或使用 parseInt/parseFloat
let sum2 = parseInt(str1) + parseInt(str2); // 结果为15

处理多数字相加(数组求和)

对数组中的数字求和可使用 reduce 方法:

let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, curr) => acc + curr, 0); // 结果为10

处理浮点数精度问题

浮点数相加可能出现精度问题(如 0.1 + 0.2 !== 0.3),可通过以下方式解决:

let sum = (0.1 * 10 + 0.2 * 10) / 10; // 结果为0.3
// 或使用 toFixed(注意返回的是字符串)
let sum2 = (0.1 + 0.2).toFixed(1); // 结果为"0.3"

动态参数求和(函数实现)

使用 arguments 或剩余参数处理不定数量的参数求和:

js实现相加

function sumAll(...args) {
    return args.reduce((acc, curr) => acc + curr, 0);
}
console.log(sumAll(1, 2, 3)); // 结果为6

标签: js
分享给朋友:

相关文章

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…

vue实现js休眠

vue实现js休眠

实现 JavaScript 休眠的方法 在 Vue 中实现 JavaScript 休眠(延迟执行)可以通过以下方式实现。由于 JavaScript 本身没有内置的 sleep 函数,通常使用 Prom…

js实现下拉菜单

js实现下拉菜单

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

js计算器的实现

js计算器的实现

实现基础结构 HTML部分需要创建计算器的基本框架,包含显示区域和按钮。使用<div>容器包裹整个计算器,内部设置一个显示屏和多个按钮。 <div class="calculato…

js实现排序

js实现排序

数组排序方法 JavaScript提供了内置的sort()方法用于数组排序。默认情况下,sort()将元素转换为字符串并按照Unicode码点排序。对于数字排序,需传入比较函数。 const num…

js 多选 实现

js 多选 实现

实现多选的 JavaScript 方法 使用复选框(Checkbox)实现多选 通过 HTML 的 checkbox 元素配合 JavaScript 实现多选功能。用户可以选择多个选项,提交时获取所有…