資料結構
網路
關係型資料庫管理系統(RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學如何在JavaScript中將值轉換為數字？
在本文中，我們將討論如何在JavaScript中將值轉換為數字。
JavaScript引入了Number()、parseInt()、parseFloat()方法來將值轉換為數字，我們也可以使用(+)一元運算子來實現。這些方法可以將數字字串轉換為數字，並將布林值轉換為1或0。讓我們簡要討論一下上述方法。
我們將討論四種將值轉換為數字的可能方法，並分別舉例說明。
Number()
parseInt()
parseFloat()
一元運算子(+)
示例1
以下是一個使用Number()方法將值轉換為數字的示例程式。
<!DOCTYPE html>
<html>
<head>
<title>To convert a value to a number in JavaScript</title>
</head>
<body style="text-align : center">
<h3></h3>
<p id='valToNum'>To convert a value to a number in JavaScript using Number()</p>
<script>
let a = Number("100");
let b = Number("100.234");
let c = Number(true); //return 0 or 1 for boolean
let d = Number("true"); //returns a number or NaN
let e = Number(new Date()); //returns number of milli seconds from Jan 1 1970
let f = Number([1.2]);
document.getElementById('valToNum').innerHTML = `Number("100") is ${a} ${'<br/>'} Number("100.234") is ${b} ${'<br/>'} Number(true) is ${c} ${'<br/>'} Number("true") is ${d} ${'<br/>'} Number(new Date()) is ${e} ${'<br/>'} Number([1.2]) is ${f} `;
</script>
</body>
</html>
執行上述程式碼後，將生成以下輸出。
示例2
以下是一個使用parseInt()方法將值轉換為數字的示例程式。
<!DOCTYPE html>
<html>
<head>
<title>To convert a value to a number in JavaScript</title>
</head>
<body style="text-align : center">
<h3></h3>
<p id='valToNum'>To convert a value to a number in JavaScript using parseInt()</p>
<script>
//ParseInt() parses a string and returns a whole number, else NaN.
let a = parseInt("100");
let b = parseInt("100.234");
let c = parseInt([1.2]);
let d = parseInt(true);
document.getElementById('valToNum').innerHTML = `parseInt("100") is ${a} ${'<br/>'} parseInt("100.234") is ${b} ${'<br/>'} parseInt([1.2]) is ${c} ${'<br/>'} parseInt(true) is ${d} `;
</script>
</body>
</html>
執行上述程式碼後，將生成以下輸出。
示例3
以下是一個使用parseFloat()方法將值轉換為數字的示例程式。
<!DOCTYPE html>
<html>
<head>
<title>To convert a value to a number in JavaScript</title>
</head>
<body style="text-align : center">
<h3>To convert a value to a number in JavaScript using parseFloat()</h3>
<p id='valToNum'></p>
<script>
//ParseFloat() parses a string and returns a Number.
let a = parseFloat("100");
let b = parseFloat("100.234");
let c = parseFloat([1.2]);
let d = parseFloat(true);
document.getElementById('valToNum').innerHTML = `parseFloat("100") is ${a} ${'<br/>'} parseFloat("100.234") is ${b} ${'<br/>'} parseFloat([1.2]) is ${c} ${'<br/>'} parseFloat(true) is ${d} `;
</script>
</body>
</html>
執行上述程式碼後，將生成以下輸出。
示例4
以下是一個使用一元運算子(+)將值轉換為數字的示例程式。
<!DOCTYPE html>
<html>
<head>
<title>To convert a value to a number in JavaScript</title>
</head>
<body style="text-align : center">
<h3>To convert a value to a number in JavaScript using Unary operator</h3>
<p id='valToNum'></p>
<script>
// Unary operator converts a string to a Number.
let a = +"100";
let b = +"-100.234";
let c = +[1.2];
document.getElementById('valToNum').innerHTML = `+"100" is ${a} ${'<br/>'} +"-100.234" is ${b} ${'<br/>'} +[1.2] is ${c} ${'<br/>'} `;
</script>
</body>
</html>
執行上述程式碼後，將生成以下輸出。
更新於：2022年12月8日
3K+瀏覽量
廣告