」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > JavaScript 中掌握數字資料型別的指南

JavaScript 中掌握數字資料型別的指南

發佈於2024-07-30
瀏覽:181

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]刪除
最新教學 更多>
  • 如何將項目添加到Ienumerable中?
    如何將項目添加到Ienumerable中?
    [2收藏。但是,這不能做到,因為Ienumerable 不一定代表可變的收藏。它甚至可能根本不代表集合。 { 字符串s; 做 { S = Console.Readline(); 收益回報s; } while(!strin...
    程式設計 發佈於2025-02-07
  • 對象擬合:IE和Edge中的封面失敗,如何修復?
    對象擬合:IE和Edge中的封面失敗,如何修復?
    解決此問題,我們採用了一個巧妙的CSS解決方案來解決問題:高度:100%; 高度:auto ; 寬度:100%; //對於水平塊 ,使用絕對定位將圖像定位在中心,以object-fit:object-fit :cover in IE和edge消除了問題。現在,圖像將按比例擴展,保持所需的效果而不...
    程式設計 發佈於2025-02-07
  • 如何使用char_length()在mySQL中按字符串長度對數據進行排序?
    如何使用char_length()在mySQL中按字符串長度對數據進行排序?
    [2使用內置的char_length()function。 char_length()和length() 此查詢將從指定的表中檢索所有行,並基於上升順序對它們進行排序指定列的字符長度。帶有更長字符串的行將出現在結果的底部。
    程式設計 發佈於2025-02-07
  • 如何克服PHP的功能重新定義限制?
    如何克服PHP的功能重新定義限制?
    克服PHP的函數重新定義限制在PHP中,多次定義一個相同名稱的函數是一個no-no。嘗試這樣做,如提供的代碼段所示,將導致可怕的“不能重新列出”錯誤。 // error:“ coss redeclare foo()” 但是,php工具腰帶中有一個隱藏的寶石:runkit擴展。它使您能夠靈活...
    程式設計 發佈於2025-02-07
  • 如何從Google API中檢索最新的jQuery庫?
    如何從Google API中檢索最新的jQuery庫?
    從Google APIS 問題中提供的jQuery URL是版本1.2.6。對於檢索最新版本,以前有一種使用特定版本號的替代方法,它是使用以下語法: https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js(google hosted...
    程式設計 發佈於2025-02-07
  • 如何使用替換指令在GO MOD中解析模塊路徑差異?
    如何使用替換指令在GO MOD中解析模塊路徑差異?
    克服go mod中的模塊路徑差異 coreos/bbolt:github.com/coreos/ [email受保護]:解析go.mod:模塊將其路徑聲明為:go.etcd.io/bbolt `要解決此問題,您可以在go.mod文件中使用替換指令。只需在go.mod的末尾添加以下行:[&& &...
    程式設計 發佈於2025-02-07
  • 如何使用PHP將斑點(圖像)正確插入MySQL?
    如何使用PHP將斑點(圖像)正確插入MySQL?
    在嘗試將image存儲在mysql數據庫中時,您可能會遇到一個可能會遇到問題。本指南將提供成功存儲您的圖像數據的解決方案。 easudy values('$ this-> ; image_id','file_get_contents($ tmp_imag...
    程式設計 發佈於2025-02-07
  • 如何可靠地檢查MySQL表中的列存在?
    如何可靠地檢查MySQL表中的列存在?
    在mySQL中確定列中的列存在,驗證表中的列存在與與之相比有點困惑其他數據庫系統。常用的方法:如果存在(從信息_schema.columns select * * where table_name ='prefix_topic'和column_name =&...
    程式設計 發佈於2025-02-07
  • 如何在沒有錯誤的情況下在Python中創建空的凹痕塊?
    如何在沒有錯誤的情況下在Python中創建空的凹痕塊?
    在編寫python 但是,在某些情況下,您可能需要創建一個空的凹痕塊來捕獲和丟棄異常而不明確處理它們。為了實現這一目標,您可以使用“通過”語句。 Pass語句是Python中的空操作。將其放置在縮進塊中時,它充當佔位符,允許解釋器在不執行任何實際代碼的情況下正確地識別該塊。 嘗試: #在...
    程式設計 發佈於2025-02-07
  • 為什麼PYTZ最初顯示出意外的時區偏移?
    為什麼PYTZ最初顯示出意外的時區偏移?
    與pytz 最初從pytz獲得特定的偏移。例如,亞洲/hong_kong最初顯示一個七個小時37分鐘的偏移: 差異源 考慮以下代碼: < pre> import pytz [&& &&&&&&華&& && && && &&&華dt2 = hk.localize(dateTime(2012,1...
    程式設計 發佈於2025-02-07
  • 如何在保持鼠標輪和箭頭鑰匙滾動的同時隱藏滾動條?
    如何在保持鼠標輪和箭頭鑰匙滾動的同時隱藏滾動條?
    在通過鼠標輪和箭頭鍵啟用滾動時隱藏scrollbars A:要完成此操作,請按照以下步驟:使用CSSS屬性溢出:隱藏在目標div或身體上隱藏滾動條。 模仿鼠標輪滾動: javaScript或jquery。 在函數中,修改目標div的scrolltop屬性以仿真滾動。 : 綁定鍵盤事件(而不是...
    程式設計 發佈於2025-02-07
  • Java是否允許多種返回類型:仔細研究通用方法?
    Java是否允許多種返回類型:仔細研究通用方法?
    在java中的多個返回類型:一個誤解介紹,其中foo是自定義類。該方法聲明似乎擁有兩種返回類型:列表和E。但是,情況確實如此嗎? 通用方法:拆開神秘 [方法僅具有單一的返回類型。相反,它採用機制,如鑽石符號“ ”。 分解方法簽名: :本節定義了一個通用類型參數,E。它表示該方法接受了擴展foo類...
    程式設計 發佈於2025-02-07
  • 如何使用組在MySQL中旋轉數據?
    如何使用組在MySQL中旋轉數據?
    在關係數據庫中使用mysql組使用mysql組來調整查詢結果。在這裡,我們面對一個共同的挑戰:使用組的組將數據從基於行的基於列的基於列的轉換。通過子句以及條件匯總函數,例如總和或情況。讓我們考慮以下查詢: select d.data_timestamp, sum(data_id = 1 tata...
    程式設計 發佈於2025-02-07
  • 如何檢查對像是否具有Python中的特定屬性?
    如何檢查對像是否具有Python中的特定屬性?
    方法來確定對象屬性存在尋求一種方法來驗證對像中特定屬性的存在。考慮以下示例,其中嘗試訪問不確定屬性會引起錯誤: >>> a = someClass() >>> A.property Trackback(最近的最新電話): 文件“ ”,第1行, AttributeError:SomeClass實...
    程式設計 發佈於2025-02-07
  • 我可以在CSS中使用SVG作為偽元素嗎?
    我可以在CSS中使用SVG作為偽元素嗎?
    使用svgs用作pseudo-element content css content properts允許在使用元素之前或之後使用元素插入各種類型的內容偽元素,例如::之前和::之後。但是,對可以包括哪些內容有限制。 可以將svgs用作pseudo-element Content? ,現在可以使...
    程式設計 發佈於2025-02-07

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3