當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

023_JavaScript数字方法

發布時間：2025/4/17 javascript 61 豆豆

生活随笔收集整理的這篇文章主要介紹了 023_JavaScript数字方法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1. toString()方法

1.1. toString()方法可把一個數值轉換為一個字符串, 并返回結果。

1.2. 語法

numberObject.toString(radix)

1.3. 參數

1.4. Number類型的toString()方法比較特殊, 它有兩種模式, 即默認模式和基模式。采用默認模式, toString()方法只是用相應的字符串輸出數字值, 如下所示:

var num = 10; window.alert(num.toString()); // 輸出"10"

1.5. 采用Number類型的toString()方法的基模式, 可以用不同的基輸出數字, 例如二進制的基是2, 八進制的基是8, 十六進制的基是16。如下所示:

var num = -123; window.alert(num.toString(2)); // 輸出"-1111011" window.alert(num.toString(8)); // 輸出"-173" window.alert(num.toString(16)); // 輸出"-7b"

1.6. 負整數轉換成二進制字符串后, JavaScript并不以二進制補碼的形式顯示, 而是用數字絕對值的標準二進制代碼前面加負號的形式輸出。

1.7. 對數字調用toString(10)與調用toString()相同, 它們返回的都是該數字的十進制形式。

1.8. 例子

1.8.1. 代碼

<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8" /><title>JavaScript數字-toString()方法</title></head><body><script type="text/javascript">var x = -123; var y = x.toString();var z = x.toString(2);var i = x.toString(8);var j = x.toString(10);var k = x.toString(16);document.write('x = ' + x + ', x的數據類型是: ' + typeof x + ' ');document.write('y = ' + y + ', y的數據類型是: ' + typeof y + ' ');document.write('z = ' + z + ', z的數據類型是: ' + typeof z + ' ');document.write('i = ' + i + ', i的數據類型是: ' + typeof i + ' ');document.write('j = ' + j + ', j的數據類型是: ' + typeof j + ' ');document.write('k = ' + k + ', k的數據類型是: ' + typeof k + ' ');</script></body> </html>

1.8.2. 效果圖

2. toExponential()方法

2.1. toExponential()返回字符串值, 把數字四舍五入為指定小數位數并使用指數計數法的數字。

2.2. ?語法

numberObject.toExponential(num)

2.3. 參數

2.4. 該參數是可選的, 定義小數點后的字符數。如果您沒有設置它, JavaScript不會對數字進行舍入, 使用盡可能多的數字, 但依然用指數計數法表示數。

2.5. 返回值是numberObject的字符串表示, 采用指數計數法, 即小數點之前有一位數字, 小數點之后有num位數字。該數字的小數部分將被舍入, 必要時用0補足, 以便它達到指定的長度。

2.6. 例子

2.6.1. 代碼

<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8" /><title>JavaScript數字-toExponential()方法</title></head><body><script type="text/javascript">var x = 300.1415926; var y = x.toExponential();var z = x.toExponential(0);var j = x.toExponential(4);var k = x.toExponential(8);var l = x.toExponential(10);document.write('x = ' + x + ', x的數據類型是: ' + typeof x + ' ');document.write('y = ' + y + ', y的數據類型是: ' + typeof y + ' ');document.write('z = ' + z + ', z的數據類型是: ' + typeof z + ' ');document.write('j = ' + j + ', j的數據類型是: ' + typeof j + ' ');document.write('k = ' + k + ', k的數據類型是: ' + typeof k + ' ');document.write('l = ' + l + ', l的數據類型是: ' + typeof l + ' ');</script></body> </html>

2.6.2. 效果圖

3. toFixed()方法

3.1. toFixed()返回字符串值, 把數字四舍五入為指定小數位數的數字。

3.2. 語法

numberObject.toFixed(num)

3.3. 參數

3.4. 該參數是可選的, 定義小數點后的字符數。如果您沒有設置它, 默認值是0。

3.5. 返回值是numberObject的字符串表示, 不采用指數計數法, 小數點后有固定的num 位數字。如果必要, 該數字會被舍入, 也可以用0補足, 以便它達到指定的長度。

3.6. toFixed(2)非常適合處理金錢。

3.7. 例子

3.7.1. 代碼

<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8" /><title>JavaScript數字-toFixed()方法</title></head><body><script type="text/javascript">var x = 300.1415926; var y = x.toFixed();var z = x.toFixed(0);var j = x.toFixed(2);var k = x.toFixed(6);var l = x.toFixed(10);document.write('x = ' + x + ', x的數據類型是: ' + typeof x + ' ');document.write('y = ' + y + ', y的數據類型是: ' + typeof y + ' ');document.write('z = ' + z + ', z的數據類型是: ' + typeof z + ' ');document.write('j = ' + j + ', j的數據類型是: ' + typeof j + ' ');document.write('k = ' + k + ', k的數據類型是: ' + typeof k + ' ');document.write('l = ' + l + ', l的數據類型是: ' + typeof l + ' ');</script></body> </html>

3.6.2. 效果圖

4. toPrecision()方法

4.1. toPrecision()返回字符串值, 把數字四舍五入為指定位數并使用指定計數法的數字。

4.2. 語法

numberObject.toPrecision(num)

4.3. 參數

4.4. 該參數是可選的, 定義指數計數法最小位數。如果您沒有設置它, 僅僅是調用toString()方法。

4.5. 返回numberObject的字符串表示, 包含num個有效數字。如果num足夠大, 能夠包括 numberObject整數部分的所有數字, 那么返回的字符串將采用定點計數法。否則, 采用指數計數法, 即小數點前有一位數字, 小數點后有num-1位數字。必要時, 該數字會被舍入或用0補足。

4.6. 例子

4.6.1. 代碼

<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8" /><title>JavaScript數字-toPrecision()方法</title></head><body><script type="text/javascript">var x = 300.1415926; var y = x.toPrecision();var z = x.toPrecision(1);var j = x.toPrecision(4);var k = x.toPrecision(9);var l = x.toPrecision(12);document.write('x = ' + x + ', x的數據類型是: ' + typeof x + ' ');document.write('y = ' + y + ', y的數據類型是: ' + typeof y + ' ');document.write('z = ' + z + ', z的數據類型是: ' + typeof z + ' ');document.write('j = ' + j + ', j的數據類型是: ' + typeof j + ' ');document.write('k = ' + k + ', k的數據類型是: ' + typeof k + ' ');document.write('l = ' + l + ', l的數據類型是: ' + typeof l + ' ');</script></body> </html>

4.6.2. 效果圖

5. parseInt()方法

5.1. parseInt()解析一段字符串并返回整數。

5.2. 語法

parseInt(string, radix)

5.3. 參數

5.4. parseInt()首先查看位置0處的字符, 判斷它是否是個有效數字; 如果不是, 該方法將返回NaN, 不再繼續執行其他操作。但如果該字符是有效數字, 該方法將查看位置1處的字符, 進行同樣的測試。這一過程將持續到發現非有效數字的字符為止, 此時parseInt()將把該字符之前的字符串轉換成數字。或者整個字符串都是有效數字, 把整個字符串都轉成數字。

5.5.?整數的有效字符串包括, 數字前導的正負號(+或-)、八進制前導0、十六進制前導0x和數字(二進制只認識0-1, 八進制認識0-7, 十進制認識0-9, 十六進制認識0-F)。科學記數法中的指數(e或E)是非法的。

5.6. 如果無法轉換為數值, 則返回NaN。parseInt()只能處理字符串, 其它類型都返回NaN。

5.7. parseInt()方法還有基模式, 可以把二進制、八進制、十六進制或其他任何進制的字符串轉換成整數。基是由parseInt()方法的第二個參數指定的。

var num1 = parseInt("10", 2); // 返回 2 var num2 = parseInt("10", 8); // 返回 8 var num3 = parseInt("10", 10); // 返回 10 var num4 = parseInt("AF", 16); // 返回 175

5.8. parseInt()方法不使用基模式, 會把八進制(以0開頭)字符串類型數字按照十進制轉換成整數。

5.9. parseInt()方法不使用基模式, 會把十六進制(以0x開頭)字符串類型數字正確的轉換成十進制整數。

5.10. 開頭和結尾的空格是允許的。

5.11. parseInt()方法并非數字方法, 而是全局JavaScript方法。

6. parseFloat()方法

6.1. parseFloat()解析一段字符串并返回浮點數。

6.2. 語法

parseFloat(string)

6.3. 參數

6.4.parseFloat()方法與parseInt()方法的處理方式相似, 從位置0開始查看每個字符, 直到找到第一個非有效的字符為止, 然后把該字符之前的字符串轉換成浮點數。不過, 對于這個方法來說, 第一個出現的小數點是有效字符。

6.5.?浮點數的有效字符串包括, 數字前導的正負號(+或-)、數字(0-9)、小數點, 或者科學記數法中的指數(e或E)。

6.6. 如果無法轉換為數值, 則返回NaN。只能處理字符串, 其它類型都返回NaN。

6.7. parseFloat()方法也沒有基模式。

6.8. parseFloat()方法的另一不同之處在于, 字符串必須以十進制形式表示浮點數, 而不是用八進制或十六進制。八進制字符串類型數字, parseFloat()方法會忽略前導0, 按照十進制轉換成浮點數。十六進制字符串類型數字, parseFloat()方法認為x不是有效字符, 最終轉換成0。

6.9. 開頭和結尾的空格是允許的。

6.10. parseFloat()方法并非數字方法, 而是全局JavaScript方法。

6.11. 例子

6.11.1. 代碼

<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8" /><title>JavaScript數字-parseInt()和parseFloat()方法</title></head><body><script type="text/javascript">var x = '+12.34'; var y = '-12.34#&*';var z = '-012.34';var j = '012#&*';var k = '-0x12.34';var l = '0x12#&*';var m = '#&*12.34';var n = '3.1415926e7';var o = '1414E3';document.write('x = ' + x + ', parseInt(x, 2)后x = ' + parseInt(x, 2) + ', parseInt(x, 2)后x的數據類型是: ' + typeof parseInt(x, 2) + ' ');document.write('x = ' + x + ', parseInt(x, 8)后x = ' + parseInt(x, 8) + ', parseInt(x, 8)后x的數據類型是: ' + typeof parseInt(x, 8) + ' ');document.write('x = ' + x + ', parseInt(x)后x = ' + parseInt(x) + ', parseInt(x)后x的數據類型是: ' + typeof parseInt(x) + ' ');document.write('x = ' + x + ', parseInt(x, 10)后x = ' + parseInt(x, 10) + ', parseInt(x, 10)后x的數據類型是: ' + typeof parseInt(x, 10) + ' ');document.write('x = ' + x + ', parseInt(x, 16)后x = ' + parseInt(x, 16) + ', parseInt(x, 16)后x的數據類型是: ' + typeof parseInt(x, 16) + ' ');document.write('y = ' + y + ', parseInt(y, 2)后y = ' + parseInt(y, 2) + ', parseInt(y, 2)后y的數據類型是: ' + typeof parseInt(y, 2) + ' ');document.write('y = ' + y + ', parseInt(y, 8)后y = ' + parseInt(y, 8) + ', parseInt(y, 8)后y的數據類型是: ' + typeof parseInt(y, 8) + ' ');document.write('y = ' + y + ', parseInt(y)后y = ' + parseInt(y) + ', parseInt(y)后y的數據類型是: ' + typeof parseInt(y) + ' ');document.write('y = ' + y + ', parseInt(y, 10)后y = ' + parseInt(y, 10) + ', parseInt(y, 10)后y的數據類型是: ' + typeof parseInt(y, 10) + ' ');document.write('y = ' + y + ', parseInt(y, 16)后y = ' + parseInt(y, 16) + ', parseInt(y, 16)后y的數據類型是: ' + typeof parseInt(y, 16) + ' ');document.write('z = ' + z + ', parseInt(z, 2)后z = ' + parseInt(z, 2) + ', parseInt(z, 2)后z的數據類型是: ' + typeof parseInt(z, 2) + ' ');document.write('z = ' + z + ', parseInt(z, 8)后z = ' + parseInt(z, 8) + ', parseInt(z, 8)后z的數據類型是: ' + typeof parseInt(z, 8) + ' ');document.write('z = ' + z + ', parseInt(z)后z = ' + parseInt(z) + ', parseInt(z)后z的數據類型是: ' + typeof parseInt(z) + ' ');document.write('z = ' + z + ', parseInt(z, 10)后z = ' + parseInt(z, 10) + ', parseInt(z, 10)后z的數據類型是: ' + typeof parseInt(z, 10) + ' ');document.write('z = ' + z + ', parseInt(z, 16)后z = ' + parseInt(z, 16) + ', parseInt(z, 16)后z的數據類型是: ' + typeof parseInt(z, 16) + ' ');document.write('j = ' + j + ', parseInt(j, 2)后j = ' + parseInt(j, 2) + ', parseInt(j, 2)后j的數據類型是: ' + typeof parseInt(j, 2) + ' ');document.write('j = ' + j + ', parseInt(j, 8)后j = ' + parseInt(j, 8) + ', parseInt(j, 8)后j的數據類型是: ' + typeof parseInt(j, 8) + ' ');document.write('j = ' + j + ', parseInt(j)后j = ' + parseInt(j) + ', parseInt(j)后j的數據類型是: ' + typeof parseInt(j) + ' ');document.write('j = ' + j + ', parseInt(j, 10)后j = ' + parseInt(j, 10) + ', parseInt(j, 10)后j的數據類型是: ' + typeof parseInt(j, 10) + ' ');document.write('j = ' + j + ', parseInt(j, 16)后j = ' + parseInt(j, 16) + ', parseInt(j, 16)后j的數據類型是: ' + typeof parseInt(j, 16) + ' ');document.write('k = ' + k + ', parseInt(k, 2)后k = ' + parseInt(k, 2) + ', parseInt(k, 2)后k的數據類型是: ' + typeof parseInt(k, 2) + ' ');document.write('k = ' + k + ', parseInt(k, 8)后k = ' + parseInt(k, 8) + ', parseInt(k, 8)后k的數據類型是: ' + typeof parseInt(k, 8) + ' ');document.write('k = ' + k + ', parseInt(k)后k = ' + parseInt(k) + ', parseInt(k)后k的數據類型是: ' + typeof parseInt(k) + ' ');document.write('k = ' + k + ', parseInt(k, 10)后k = ' + parseInt(k, 10) + ', parseInt(k, 10)后k的數據類型是: ' + typeof parseInt(k, 10) + ' ');document.write('k = ' + k + ', parseInt(k, 16)后k = ' + parseInt(k, 16) + ', parseInt(k, 16)后k的數據類型是: ' + typeof parseInt(k, 16) + ' ');document.write('l = ' + l + ', parseInt(l, 2)后l = ' + parseInt(l, 2) + ', parseInt(l, 2)后l的數據類型是: ' + typeof parseInt(l, 2) + ' ');document.write('l = ' + l + ', parseInt(l, 8)后l = ' + parseInt(l, 8) + ', parseInt(l, 8)后l的數據類型是: ' + typeof parseInt(l, 8) + ' ');document.write('l = ' + l + ', parseInt(l)后l = ' + parseInt(l) + ', parseInt(l)后l的數據類型是: ' + typeof parseInt(l) + ' ');document.write('l = ' + l + ', parseInt(l, 10)后l = ' + parseInt(l, 10) + ', parseInt(l, 10)后l的數據類型是: ' + typeof parseInt(l, 10) + ' ');document.write('l = ' + l + ', parseInt(l, 16)后l = ' + parseInt(l, 16) + ', parseInt(l, 16)后l的數據類型是: ' + typeof parseInt(l, 16) + ' ');document.write('m = ' + m + ', parseInt(m)后m = ' + parseInt(m) + ', parseInt(m)后m的數據類型是: ' + typeof parseInt(m) + ' ');document.write('n = ' + n + ', parseInt(n)后n = ' + parseInt(n) + ', parseInt(n)后n的數據類型是: ' + typeof parseInt(n) + ' ');document.write('o = ' + o + ', parseInt(o)后o = ' + parseInt(o) + ', parseInt(o)后o的數據類型是: ' + typeof parseInt(o) + ' <hr />');document.write('x = ' + x + ', parseFloat(x)后x = ' + parseFloat(x) + ', parseFloat(x)后x的數據類型是: ' + typeof parseFloat(x) + ' ');document.write('y = ' + y + ', parseFloat(y)后y = ' + parseFloat(y) + ', parseFloat(y)后y的數據類型是: ' + typeof parseFloat(y) + ' ');document.write('z = ' + z + ', parseFloat(z)后z = ' + parseFloat(z) + ', parseFloat(z)后z的數據類型是: ' + typeof parseFloat(z) + ' ');document.write('j = ' + j + ', parseFloat(j)后j = ' + parseFloat(j) + ', parseFloat(j)后j的數據類型是: ' + typeof parseFloat(j) + ' ');document.write('k = ' + k + ', parseFloat(k)后k = ' + parseFloat(k) + ', parseFloat(k)后k的數據類型是: ' + typeof parseFloat(k) + ' ');document.write('l = ' + l + ', parseFloat(l)后l = ' + parseFloat(l) + ', parseFloat(l)后l的數據類型是: ' + typeof parseFloat(l) + ' ');document.write('m = ' + m + ', parseFloat(m)后m = ' + parseFloat(m) + ', parseFloat(m)后m的數據類型是: ' + typeof parseFloat(m) + ' ');document.write('n = ' + n + ', parseFloat(n)后n = ' + parseFloat(n) + ', parseFloat(n)后n的數據類型是: ' + typeof parseFloat(n) + ' ');document.write('o = ' + o + ', parseFloat(o)后o = ' + parseFloat(o) + ', parseFloat(o)后o的數據類型是: ' + typeof parseFloat(o) + ' ');</script></body> </html>

6.11.2. 效果圖

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的023_JavaScript数字方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： 022_JavaScript数字
下一篇： 024_JavaScript数组