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

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

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

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]删除
最新教程 更多>
  • 为什么我的C ++代码产生“错误LNK2019:未解决的外部符号_Winmain@16”?
    为什么我的C ++代码产生“错误LNK2019:未解决的外部符号_Winmain@16”?
    解决“错误lnk2019:未解决的外部符号_winmain@16在___ tmaincrtstartup中引用的16遇到以下错误:错误lnk2019:未解决的外部符号_winmain@16在函数___ tmaincrtstartup 无法解析未定义的符号_WINMAIN。此符号通常是指Windo...
    编程 发布于2025-02-07
  • 如何克服PHP的功能重新定义限制?
    如何克服PHP的功能重新定义限制?
    克服PHP的函数重新定义限制在PHP中,多次定义一个相同名称的函数是一个no-no。尝试这样做,如提供的代码段所示,将导致可怕的“不能重新列出”错误。 // error:“ coss redeclare foo()” 但是,php工具腰带中有一个隐藏的宝石:runkit扩展。它使您能够灵活地...
    编程 发布于2025-02-07
  • 如何修复\“常规错误:2006 MySQL Server在插入数据时已经消失\”?
    如何修复\“常规错误:2006 MySQL Server在插入数据时已经消失\”?
    插入记录时如何解决“一般错误:2006 MySQL 服务器已消失”介绍:将数据插入 MySQL 数据库有时会导致错误“一般错误:2006 MySQL 服务器已消失”。当与服务器的连接丢失时会出现此错误,通常是由于 MySQL 配置中的两个变量之一所致。解决方案:解决此错误的关键是调整wait_tim...
    编程 发布于2025-02-07
  • 为什么尽管有效代码,为什么在PHP中捕获输入?
    为什么尽管有效代码,为什么在PHP中捕获输入?
    [2 _post ['ss'];?> 的目的是从单击提交按钮时,文本框并显示。但是,输出保持空白。当方法=“ get”无缝工作时,方法=“ post”构成问题。 检查action属性:如果您正在刷新页面,请将操作属性设置为空字符串,例如] action ='&#...
    编程 发布于2025-02-07
  • 如何使用PHP将斑点(图像)正确插入MySQL?
    如何使用PHP将斑点(图像)正确插入MySQL?
    在尝试将image存储在mysql数据库中时,您可能会遇到一个可能会遇到问题。本指南将提供成功存储您的图像数据的解决方案。 easudy values('$ this-> image_id','file_get_contents($ tmp_image)...
    编程 发布于2025-02-07
  • 如何在JavaScript对象中动态设置键?
    如何在JavaScript对象中动态设置键?
    如何为JavaScript对象变量创建动态键,尝试为JavaScript对象创建动态键,使用此Syntax jsObj['key' i] = 'example' 1;将不起作用。正确的方法采用方括号:他们维持一个长度属性,该属性反映了数字属性(索引)和一个数字属性的数量。标准对象没有模仿这...
    编程 发布于2025-02-07
  • 如何在Java列表中有效计算元素的发生?
    如何在Java列表中有效计算元素的发生?
    计数列表中的元素出现在列表 中,在java编程中,列举列表中列举元素出现的任务来自列表。为此,收集框架提供了全面的工具套件。在这种情况下,Batocurrences变量将保持值3,代表动物列表中的“ BAT”出现的数量。 &&& [此方法是简单的,可以得出准确的结果,使其成为计算列表中元素出现的理...
    编程 发布于2025-02-07
  • 'exec()
    'exec()
    Exec对本地变量的影响: exec function,python staple,用于动态代码执行的python staple,提出一个有趣的Query:它可以在函数中更新局部变量吗? python 3 Dialemma 在Python 3中,以下代码shippet无法更新本地变量,因为人们...
    编程 发布于2025-02-07
  • 对象拟合:IE和Edge中的封面失败,如何修复?
    对象拟合:IE和Edge中的封面失败,如何修复?
    解决此问题,我们采用了一个巧妙的CSS解决方案来解决问题:高度:100%; 高度:auto; 宽度:100%; //对于水平块 ,使用绝对定位将图像定位在中心,以object-fit:object-fit:cover in IE和edge消除了问题。现在,图像将按比例扩展,保持所需的效果而不会失...
    编程 发布于2025-02-07
  • Java是否允许多种返回类型:仔细研究通用方法?
    Java是否允许多种返回类型:仔细研究通用方法?
    在java中的多个返回类型:一个误解介绍,其中foo是自定义类。该方法声明似乎拥有两种返回类型:列表和E。但是,情况确实如此吗?通用方法:拆开神秘 [方法仅具有单一的返回类型。相反,它采用机制,如钻石符号“ ”。分解方法签名: :本节定义了一个通用类型参数,E。它表示该方法接受了扩展foo类的任...
    编程 发布于2025-02-07
  • 如何使用Python的记录模块实现自定义处理?
    如何使用Python的记录模块实现自定义处理?
    使用Python的Loggging Module 确保正确处理和登录对于疑虑和维护的稳定性至关重要Python应用程序。尽管手动捕获和记录异常是一种可行的方法,但它可能乏味且容易出错。解决此问题,Python允许您覆盖默认的异常处理机制,并将其重定向为登录模块。这提供了一种方便而系统的方法来捕获和...
    编程 发布于2025-02-07
  • \“(1)vs.(;;):编译器优化是否消除了性能差异?\”
    \“(1)vs.(;;):编译器优化是否消除了性能差异?\”
    使用(1)而不是(;;)会导致无限循环的性能差异? 现代编译器,(1)和(;;)之间没有性能差异。 是如何实现这些循环的技术分析在编译器中: perl: S-> 7 8 unstack v-> 4 -e语法ok 在GCC中,两者都循环到相同的汇编代码中,如下所示:。 globl t_时 t_时...
    编程 发布于2025-02-07
  • 如何使用不同数量列的联合数据库表?
    如何使用不同数量列的联合数据库表?
    合并列数不同的表 当尝试合并列数不同的数据库表时,可能会遇到挑战。一种直接的方法是在列数较少的表中,为缺失的列追加空值。 例如,考虑两个表,表 A 和表 B,其中表 A 的列数多于表 B。为了合并这些表,同时处理表 B 中缺失的列,请按照以下步骤操作: 确定表 B 中缺失的列,并将它们添加到表的末...
    编程 发布于2025-02-07
  • 如何干净地删除匿名JavaScript事件处理程序?
    如何干净地删除匿名JavaScript事件处理程序?
    在这里工作/},false); 不幸的是,答案是否。除非在Creation中存储对处理程序的引用。要解决此问题,请考虑将事件处理程序存储在中心位置,例如页面的主要对象,请考虑将事件处理程序存储在中心位置,否则无法清理匿名事件处理程序。 。这允许在需要时轻松迭代和清洁处理程序。
    编程 发布于2025-02-07
  • 如何检查对象是否具有Python中的特定属性?
    如何检查对象是否具有Python中的特定属性?
    方法来确定对象属性存在寻求一种方法来验证对象中特定属性的存在。考虑以下示例,其中尝试访问不确定属性会引起错误: >>> a = someClass() >>> A.property Trackback(最近的最新电话): 文件“ ”,第1行, AttributeError:SomeClass实...
    编程 发布于2025-02-07

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

Copyright© 2022 湘ICP备2022001581号-3