”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > JavaScript 中掌握数字数据类型的指南

JavaScript 中掌握数字数据类型的指南

发布于2024-07-30
浏览:668

A Guide to Master Numbers Data Type in JavaScript

数字是任何编程语言的基本组成部分,JavaScript 也不例外。了解如何有效地操纵和操作数字对于任何开发人员来说都是至关重要的。在本文中,我们将探讨 JavaScript 中的各种数字函数,并提供详细的解释、示例和注释来帮助您掌握它们。

JavaScript 中的数字简介

在 JavaScript 中,数字按照 IEEE 754 标准存储为 64 位浮点值(双精度)。这意味着 JavaScript 中有一种数字类型可以同时表示整数和浮点数。

let intNumber = 42;
let floatNumber = 3.14;
console.log(intNumber); // Output: 42
console.log(floatNumber); // Output: 3.14

创造数字

可以使用文字或 Number 构造函数创建数字。

let literalNumber = 100;
let constructorNumber = new Number(100);
console.log(literalNumber); // Output: 100
console.log(constructorNumber); // Output: [Number: 100]

数字属性

  • MAX_VALUE:可能的最大数字。
console.log(Number.MAX_VALUE); // Output: 1.7976931348623157e 308
  • MIN_VALUE:可能的最小数字。
console.log(Number.MIN_VALUE); // Output: 5e-324
  • NaN:表示不是数字的值。
console.log(Number.NaN); // Output: NaN
  • NEGATIVE_INFINITY:表示负无穷大。
console.log(Number.NEGATIVE_INFINITY); // Output: -Infinity
  • POSITIVE_INFINITY:表示正无穷大。
console.log(Number.POSITIVE_INFINITY); // Output: Infinity

数字方法

1. toString()

将数字转换为字符串。

let num = 123;
console.log(num.toString()); // Output: "123"

2. 固定()

使用定点表示法格式化数字。

let num = 123.456;
console.log(num.toFixed(2)); // Output: "123.46"

3.toExponential()

返回一个字符串,其中数字四舍五入并使用指数表示法编写。

let num = 123456;
console.log(num.toExponential(2)); // Output: "1.23e 5"

4.toPrecision()

将数字格式化为指定长度。

let num = 123.456;
console.log(num.toPrecision(4)); // Output: "123.5"

5.valueOf()

返回 Number 对象的原始值。

let numObj = new Number(123);
console.log(numObj.valueOf()); // Output: 123

全局数字函数

1. isNaN()

判断一个值是否为NaN。

console.log(isNaN(NaN)); // Output: true
console.log(isNaN(123)); // Output: false

2.isFinite()

确定一个值是否是有限数。

console.log(isFinite(123)); // Output: true
console.log(isFinite(Infinity)); // Output: false

3.parseInt()

解析字符串并返回整数。

console.log(parseInt("123")); // Output: 123
console.log(parseInt("123.45")); // Output: 123
console.log(parseInt("abc")); // Output: NaN

4.parseFloat()

解析字符串并返回浮点数。

console.log(parseFloat("123.45")); // Output: 123.45
console.log(parseFloat("123")); // Output: 123
console.log(parseFloat("abc")); // Output: NaN

5. 数字()

将值转换为数字。

console.log(Number("123")); // Output: 123
console.log(Number("123.45")); // Output: 123.45
console.log(Number("abc")); // Output: NaN

数学对象

JavaScript 的 Math 对象提供了一系列数学函数和常量。

1.Math.abs()

返回数字的绝对值。

console.log(Math.abs(-123)); // Output: 123

2.Math.ceil()

将数字向上舍入到最接近的整数。

console.log(Math.ceil(123.45)); // Output: 124

3. Math.floor()

将数字向下舍入到最接近的整数。

console.log(Math.floor(123.45)); // Output: 123

4.Math.round()

将数字四舍五入到最接近的整数。

console.log(Math.round(123.45)); // Output: 123
console.log(Math.round(123.56)); // Output: 124

5.Math.max()

返回零个或多个数字中最大的一个。

console.log(Math.max(1, 2, 3)); // Output: 3

6.Math.min()

返回零个或多个数字中的最小值。

console.log(Math.min(1, 2, 3)); // Output: 1

7. 数学.pow()

返回指数幂的底数。

console.log(Math.pow(2, 3)); // Output: 8

8.Math.sqrt()

返回数字的平方根。

console.log(Math.sqrt(16)); // Output: 4

9. Math.random()

返回 0 到 1 之间的随机数。

console.log(Math.random()); // Output: A random number between 0 and 1

10.Math.trunc()

通过删除任何小数位来返回数字的整数部分。

console.log(Math.trunc(123.45)); // Output: 123

实际例子

示例 1:生成随机整数

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min   1))   min;
}
console.log(getRandomInt(1, 10)); // Output: A random integer between 1 and 10

示例 2:计算数字的阶乘

function factorial(n) {
    if (n === 0) return 1;
    return n * factorial(n - 1);
}
console.log(factorial(5)); // Output: 120

示例 3:检查数字是否为质数

function isPrime(num) {
    if (num 



结论

掌握 JavaScript 数字函数对于高效的数学运算和数据操作至关重要。从基本的转换和解析到更高级的数学计算,JavaScript 提供了一组强大的数字处理工具。通过理解和利用这些函数,您可以编写更清晰、更高效的代码并解决各种编程挑战。

这份综合指南涵盖了 JavaScript 中最重要的数字函数,并附有示例和解释。练习这些功能并尝试不同的用例,以巩固您的理解并提高您的编码熟练程度。

版本声明 本文转载于:https://dev.to/imsushant12/a-guide-to-master-numbers-data-type-in-javascript-37m4?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 如何修复 macOS 上 Django 中的“配置不正确:加载 MySQLdb 模块时出错”?
    如何修复 macOS 上 Django 中的“配置不正确:加载 MySQLdb 模块时出错”?
    MySQL配置不正确:相对路径的问题在Django中运行python manage.py runserver时,可能会遇到以下错误:ImproperlyConfigured: Error loading MySQLdb module: dlopen(/Library/Python/2.7/site-...
    编程 发布于2024-12-19
  • 如何使用 MySQL 查找今天生日的用户?
    如何使用 MySQL 查找今天生日的用户?
    如何使用 MySQL 识别今天生日的用户使用 MySQL 确定今天是否是用户的生日涉及查找生日匹配的所有行今天的日期。这可以通过一个简单的 MySQL 查询来实现,该查询将存储为 UNIX 时间戳的生日与今天的日期进行比较。以下 SQL 查询将获取今天有生日的所有用户: FROM USERS ...
    编程 发布于2024-12-19
  • 尽管代码有效,为什么 POST 请求无法捕获 PHP 中的输入?
    尽管代码有效,为什么 POST 请求无法捕获 PHP 中的输入?
    解决 PHP 中的 POST 请求故障在提供的代码片段中:action=''而不是:action="<?php echo $_SERVER['PHP_SELF'];?>";?>"检查 $_POST数组:表单提交后使用 var_dump 检查 $_POST 数...
    编程 发布于2024-12-19
  • 插入数据时如何修复“常规错误:2006 MySQL 服务器已消失”?
    插入数据时如何修复“常规错误:2006 MySQL 服务器已消失”?
    插入记录时如何解决“一般错误:2006 MySQL 服务器已消失”介绍:将数据插入 MySQL 数据库有时会导致错误“一般错误:2006 MySQL 服务器已消失”。当与服务器的连接丢失时会出现此错误,通常是由于 MySQL 配置中的两个变量之一所致。解决方案:解决此错误的关键是调整wait_tim...
    编程 发布于2024-12-19
  • 大批
    大批
    方法是可以在对象上调用的 fns 数组是对象,因此它们在 JS 中也有方法。 slice(begin):将数组的一部分提取到新数组中,而不改变原始数组。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index p...
    编程 发布于2024-12-19
  • Bootstrap 4 Beta 中的列偏移发生了什么?
    Bootstrap 4 Beta 中的列偏移发生了什么?
    Bootstrap 4 Beta:列偏移的删除和恢复Bootstrap 4 在其 Beta 1 版本中引入了重大更改柱子偏移了。然而,随着 Beta 2 的后续发布,这些变化已经逆转。从 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    编程 发布于2024-12-19
  • 如何在 PHP 中组合两个关联数组,同时保留唯一 ID 并处理重复名称?
    如何在 PHP 中组合两个关联数组,同时保留唯一 ID 并处理重复名称?
    在 PHP 中组合关联数组在 PHP 中,将两个关联数组组合成一个数组是一项常见任务。考虑以下请求:问题描述:提供的代码定义了两个关联数组,$array1和$array2。目标是创建一个新数组 $array3,它合并两个数组中的所有键值对。 此外,提供的数组具有唯一的 ID,而名称可能重合。要求是构...
    编程 发布于2024-12-19
  • 在 Go 中使用 WebSocket 进行实时通信
    在 Go 中使用 WebSocket 进行实时通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSoc...
    编程 发布于2024-12-19
  • TB 级数据库的 MySQL 与 NoSQL:聚集索引何时是正确的解决方案?
    TB 级数据库的 MySQL 与 NoSQL:聚集索引何时是正确的解决方案?
    MySQL:探索数据库设计迷宫优化大型数据库时,必须考虑数据库设计策略以提高性能。在给定的场景中,包含线程的 TB 级数据库由于其庞大的规模而面临性能挑战。本文探讨了 MySQL 和 NoSQL 之间的选择,重点介绍了 MySQL 的 innodb 引擎及其聚集索引的优势。了解 MySQL 的 In...
    编程 发布于2024-12-19
  • 除了“if”语句之外:还有什么地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型?
    除了“if”语句之外:还有什么地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型?
    无需强制转换即可上下文转换为 bool您的类定义了对 bool 的显式转换,使您能够在条件语句中直接使用其实例“t”。然而,这种显式转换提出了一个问题:“t”在哪里可以在不进行强制转换的情况下用作 bool?上下文转换场景C 标准指定了四种值可以根据上下文转换为的主要场景bool:语句:if、whi...
    编程 发布于2024-12-19
  • 为什么我的 Spring Boot 应用程序不自动创建数据库架构?
    为什么我的 Spring Boot 应用程序不自动创建数据库架构?
    在 Spring Boot 中自动创建数据库架构启动 Spring Boot 应用程序时,可能会遇到自动创建数据库架构的问题。以下故障排除步骤旨在解决此问题:1.实体类包:确保实体类位于使用@EnableAutoConfiguration注解的类的同一个包或子包中。否则,Spring 将不会检测实体...
    编程 发布于2024-12-18
  • CSS3 过渡是否提供事件来检测起点和终点?
    CSS3 过渡是否提供事件来检测起点和终点?
    了解 CSS3 过渡事件CSS3 过渡允许在 Web 元素上实现流畅的动画和视觉效果。为了增强用户体验并使操作与这些转换同步,监控其进度非常重要。本文解决了 CSS3 是否提供事件来检查过渡何时开始或结束的问题。W3C CSS 过渡草案W3C CSS 过渡草案规定CSS 转换会触发相应的 DOM 事...
    编程 发布于2024-12-18
  • Java 中可以手动释放内存吗?
    Java 中可以手动释放内存吗?
    Java 中的手动内存释放与垃圾回收与 C 不同,Java 采用托管内存框架来处理内存分配和释放由垃圾收集器 (GC) 自动执行。这种自动化方法可以提高内存利用率并防止困扰 C 程序的内存泄漏。Java 中可以手动释放内存吗?由于 Java 的内存管理是由GC,它没有提供像 C 中的 free() ...
    编程 发布于2024-12-18
  • Java 1.6 中如何可靠地确定文件是否为符号链接?
    Java 1.6 中如何可靠地确定文件是否为符号链接?
    在 Java 1.6 中验证符号链接确定符号链接的存在对于各种文件处理操作至关重要。在 Java 中,识别符号链接时需要考虑一些潜在问题,特别是在目录遍历的上下文中。检查符号链接的一种常见方法是比较文件的绝对路径和规范路径。规范路径表示文件的标准化路径,而绝对路径可能包括符号链接。传统上,概念是如果...
    编程 发布于2024-12-17
  • 如何使背景颜色透明,同时保持文本不透明?
    如何使背景颜色透明,同时保持文本不透明?
    背景颜色的不透明度而不影响文本在 Web 开发领域,实现透明度通常对于增强视觉吸引力和网站元素的功能。一项常见的要求是对 div 背景应用透明度,同时保留所包含文本的不透明度。这可能会带来挑战,特别是在确保跨浏览器兼容性方面。rgba 解决方案最有效且得到广泛支持的解决方案是利用“RGBA”(红、绿...
    编程 发布于2024-12-17

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3