首頁  >  文章  >  web前端  >  JavaScript 中掌握數字資料型別的指南

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

王林
王林原創
2024-07-21 02:22:10534瀏覽

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 <= 1) return false;
    for (let i = 2; i <= Math.sqrt(num); i++) {
        if (num % i === 0) return false;
    }
    return true;
}
console.log(isPrime(7)); // Output: true
console.log(isPrime(10)); // Output: false

結論

掌握 JavaScript 數字函數對於高效能的數學運算和資料操作至關重要。從基本的轉換和解析到更高級的數學計算,JavaScript 提供了一組強大的數位處理工具。透過理解和利用這些函數,您可以編寫更清晰、更有效率的程式碼並解決各種程式設計挑戰。

這份綜合指南涵蓋了 JavaScript 中最重要的數字函數,並附有範例和解釋。練習這些功能並嘗試不同的用例,以鞏固您的理解並提高您的編碼熟練程度。

以上是JavaScript 中掌握數字資料型別的指南的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn