當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

Javascript String轉Number用法及代碼示例


在JavaScript，您可以以字符串的形式存儲數值，這可能會導致在您嘗試對它們進行數學運算時生成不需要的結果。當您使用用戶從用戶處獲取數字輸入時，就會出現此問題輸入元素在 HTML 中。它們以字符串的形式返回輸入的值。您可以使用以下方法將返回的字符串更改為數字。

表中的內容

使用“+”運算符

+ 運算符可以對字符串進行操作，方法是在字符串變量的名稱之前使用它，將其轉換為數字。

用法:

+stringVariable;

例子：下麵的代碼實現了 + 運算符，將字符串轉換為數字。

Javascript


const str = "233";
console.log("Type of str before conversion: ", typeof str);
console.log("Type of str after conversion: ", typeof +str);
輸出 
Type of str before conversion:  string
Type of str after conversion:  number

使用Number()構造函數

Number()可用於通過將字符串值作為參數傳遞給它來將字符串轉換為數字。

用法:

Number(stringVariable);

例子：下麵的代碼將字符串轉換為數字Number() 構造函數。

Javascript


const str = "233";
console.log("Type of str before conversion: ", typeof str);
console.log("Type of str after conversion: ", typeof Number(str));
輸出 
Type of str before conversion:  string
Type of str after conversion:  number

使用parseInt()方法

Number parseInt()可用於通過將數字字符串作為參數傳遞給它來將其轉換為數字。無論您傳遞浮點字符串還是整數字符串，它總是返回一個整數。

用法:

parseInt(stringVariable);

例子：下麵的代碼使用parseInt()方法將字符串轉換為數字。

Javascript


const str1 = "233";
const str2 = "23.33"
console.log("Before Conversion: ");
console.log("str1: ", str1, ", Type: ", typeof str1);
console.log("str2: ", str2, ", Type: ", typeof str2);
console.log("After Conversion: ");
console.log("str1: ", parseInt(str1), ", Type: ", typeof parseInt(str1));
console.log("str2: ", parseInt(str2), ", Type: ", typeof parseInt(str2));
輸出 
Before Conversion: 
str1:  233 , Type:  string
str2:  23.33 , Type:  string
After Conversion: 
str1:  233 , Type:  number
str2:  23 , Type:  number

使用parseFloat()方法

Number parseFloat()也可以用於將字符串轉換為數字，就像我們使用 parseInt() 方法一樣，將字符串值傳遞給它。它將返回傳遞給它的值。

用法:

parseFloat(stringVariable);

例子：下麵的代碼是將字符串轉換為數字的parseFloat()方法的實際實現。

Javascript


const str1 = "233";
const str2 = "23.33"
console.log("Before Conversion: ");
console.log("str1: ", str1, ", Type: ", typeof str1);
console.log("str2: ", str2, ", Type: ", typeof str2);
console.log("After Conversion: ");
console.log("str1: ", parseFloat(str1), ", Type: ", typeof parseFloat(str1));
console.log("str2: ", parseFloat(str2), ", Type: ", typeof parseFloat(str2));
輸出 
Before Conversion: 
str1:  233 , Type:  string
str2:  23.33 , Type:  string
After Conversion: 
str1:  233 , Type:  number
str2:  23.33 , Type:  number

使用 Math.floor() 方法

Math floor()如果將浮點字符串傳遞給它並將其類型從字符串轉換為數字，則將返回低值。

用法:

Math.floor(stringVariable);

例子：下麵的代碼說明了如何使用 Math.floo() 方法將字符串轉換為數字。

Javascript


const str1 = "233";
const str2 = "23.33"
console.log("Before Conversion: ");
console.log("str1: ", str1, ", Type: ", typeof str1);
console.log("str2: ", str2, ", Type: ", typeof str2);
console.log("After Conversion: ");
console.log("str1: ", Math.floor(str1), ", Type: ", typeof Math.floor(str1));
console.log("str2: ", Math.floor(str2), ", Type: ", typeof Math.floor(str2));
輸出 
Before Conversion: 
str1:  233 , Type:  string
str2:  23.33 , Type:  string
After Conversion: 
str1:  233 , Type:  number
str2:  23 , Type:  number

使用 Math.ceil() 方法

Math.ceil()可以按照與Math floor()被使用了。它將把字符串類型從字符串轉換為數字，如果浮點字符串傳遞給它，則返回上限值。

用法:

Math.ceil(stringVariable);

例子：下麵的代碼說明了使用Math.ceil方法將字符串轉換為數字。

Javascript


const str1 = "233";
const str2 = "23.33"
console.log("Before Conversion: ");
console.log("str1: ", str1, ", Type: ", typeof str1);
console.log("str2: ", str2, ", Type: ", typeof str2);
console.log("After Conversion: ");
console.log("str1: ", Math.ceil(str1), ", Type: ", typeof Math.ceil(str1));
console.log("str2: ", Math.ceil(str2), ", Type: ", typeof Math.ceil(str2));
輸出 
Before Conversion: 
str1:  233 , Type:  string
str2:  23.33 , Type:  string
After Conversion: 
str1:  233 , Type:  number
str2:  24 , Type:  number

使用 Math.round() 方法

Math round()將對傳入的浮點數字符串進行四舍五入，並在四舍五入後返回其值。它還將字符串類型轉換為數字類型。

用法:

Math.round(stringVariable);

例子：下麵的代碼示例使用 Math.round() 方法將字符串轉換為數字。

Javascript


const str1 = "233";
const str2 = "23.33"
console.log("Before Conversion: ");
console.log("str1: ", str1, ", Type: ", typeof str1);
console.log("str2: ", str2, ", Type: ", typeof str2);
console.log("After Conversion: ");
console.log("str1: ", Math.round(str1), ", Type: ", typeof Math.round(str1));
console.log("str2: ", Math.round(str2), ", Type: ", typeof Math.round(str2));
輸出 
Before Conversion: 
str1:  233 , Type:  string
str2:  23.33 , Type:  string
After Conversion: 
str1:  233 , Type:  number
str2:  23 , Type:  number


相關用法


注：本文由純淨天空篩選整理自abhish8rzd大神的英文原創作品 Convert a String to Number in JavaScript。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。