当前位置:首页 > JavaScript

js实现number

2026-03-14 20:40:44JavaScript

JavaScript 数字类型处理

JavaScript 中的数字类型(Number)用于表示整数和浮点数。以下是常见的使用方法和注意事项:

数字声明与基本操作

let integer = 42; // 整数
let float = 3.14; // 浮点数
let scientific = 2.998e8; // 科学计数法(299800000)

数字精度问题 浮点数计算可能存在精度问题:

0.1 + 0.2 === 0.3; // false

解决方法:

// 使用toFixed限定小数位
(0.1 + 0.2).toFixed(2) === "0.30";

// 或放大为整数计算
(1 + 2)/10 === 0.3; // true

特殊数值

Infinity; // 无穷大
NaN; // 非数字(Not a Number)
isNaN(NaN); // true 检测NaN
isFinite(123); // true 检测有限数字

数字转换

parseInt("10"); // 10(字符串转整数)
parseFloat("3.14"); // 3.14(字符串转浮点数)
Number("123"); // 123(严格转换)
+"42"; // 42(快速转换)

数学运算

Math.PI; // 圆周率
Math.sqrt(16); // 4 平方根
Math.round(4.6); // 5 四舍五入
Math.random(); // 0~1随机数

ES6新增特性

Number.isInteger(42); // true 检测整数
Number.EPSILON; // 最小精度差值
0b1010; // 10 二进制写法
0o744; // 484 八进制写法

大整数(BigInt) ES2020新增类型,用于超过2^53的整数:

js实现number

const bigNum = 9007199254740991n;
bigNum + 1n; // 9007199254740992n

注意:JavaScript所有数字都以64位浮点数(IEEE 754标准)存储,整数实际是浮点数的特例。

标签: jsnumber
分享给朋友:

相关文章

js实现动画

js实现动画

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js实现验证

js实现验证

验证表单输入 使用JavaScript验证表单输入是常见的需求。可以通过监听表单提交事件,检查输入字段是否符合要求。 document.getElementById('myForm').addEve…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…

js实现抽奖

js实现抽奖

实现抽奖功能的基本思路 抽奖功能的核心是随机选择奖项并展示结果。可以通过数组存储奖项,利用随机数生成索引,最后通过动画增强用户体验。 准备奖项数据 定义一个数组存储奖项信息,每个奖项可以包含名称、图…