如何在 TypeScript 中將字串轉換為數字?
字串和數字都是 TypeScript 中的原始資料型別。有時,我們會以字串格式獲取數字,我們需要將字串值轉換為數字才能對該值執行數學運算。如果我們對字串值執行數學運算,則會產生奇怪的結果。例如,將另一個數字值新增到數字字串會將數字附加到字串而不是進行加法。
我們將學習使用 TypeScript 中的各種方法和方法將字串轉換為數值。
因此,我們需要將字串轉換為 TypeScript 中的數字。
使用“+”一元運算子
一元運算子接受一個運算元。在評估運算元之前,它會將運算元轉換為數字值。因此,我們可以使用它將字串轉換為數值。
語法
使用者可以按照以下語法將字串轉換為數值。
let numberValue: number = +stringNmber;
在上述語法中,我們使用 stringNumber 變數作為一元“+”運算子的運算元。
示例
在此示例中,stringNumber 變數以字串格式包含數字值。之後,我們使用一元“+”運算子將 stringNumber 字串值轉換為數字,並將計算出的值儲存在 numberValue 變數中,該變數的資料型別為數字。
在輸出中,使用者可以觀察到 numberValue 變數的型別為數字。
let stringNmber: string = "124354656";
let numberValue: number = +stringNmber;
console.log("The type of numberValue variable is " + typeof numberValue);
console.log("The value of the numberValue variable is " + numberValue);
編譯後,它將生成以下 JavaScript 程式碼:
var stringNmber = "124354656";
var numberValue = +stringNmber;
console.log("The type of numberValue variable is " + typeof numberValue);
console.log("The value of the numberValue variable is " + numberValue);
輸出
以上程式碼將產生以下輸出:
The type of numberValue variable is number The value of the numberValue variable is 124354656
使用 Number() 建構函式
Number 是 TypeScript 中的一個物件,我們可以將其用作建構函式來建立 Number 物件的例項。
我們可以將數字值作為 Number() 建構函式引數以數字或字串格式傳遞。
語法
使用者可以按照以下語法使用 Number() 建構函式將字串轉換為數值。
let num: number = Number(str);
在上述語法中,我們以字串格式將數字值作為 Number() 建構函式的引數傳遞。
示例
在此示例中,我們建立了包含字串格式數字值的 string1 和 string2 變數。之後,我們使用 Number() 建構函式將這兩個變數轉換為數字,並將它們儲存在 number1 和 number2 變數中。
將字串值轉換為數字後,使用者可以在輸出中觀察其型別。
let string1: string = "35161";
let string2: string = "65986132302";
let number1: number = Number(string1);
let number2: number = Number(string2);
console.log("The value of number1 is " + number1);
console.log("The type of number1 is " + typeof number1);
console.log("The value of number2 is " + number2);
console.log("The type of number2 is " + typeof number2);
編譯後,它將生成以下 JavaScript 程式碼:
var string1 = "35161";
var string2 = "65986132302";
var number1 = Number(string1);
var number2 = Number(string2);
console.log("The value of number1 is " + number1);
console.log("The type of number1 is " + typeof number1);
console.log("The value of number2 is " + number2);
console.log("The type of number2 is " + typeof number2);
輸出
以上程式碼將產生以下輸出:
The value of number1 is 35161 The type of number1 is number The value of number2 is 65986132302 The type of number2 is number
使用 parseInt() 方法
TypeScript 的 parseInt() 方法從數字的字串或數字本身中提取整數值,刪除數字的小數部分。
語法
使用者可以按照以下語法使用 TypeScript 中的 parseInt() 方法將字串轉換為數字。
let num: number = parseInt(str);
在上述語法中,我們以字串格式將數字值作為 parseInt() 方法的引數傳遞。
示例
在下面的示例中,convertNumToString() 函式將字串轉換為數字並返回數字值。在函式中,我們使用 parseInt() 方法從字串中提取數字。
我們透過以字串格式傳遞不同的數字作為引數來呼叫了兩次 convertNumToString() 函式,使用者可以在輸出中觀察轉換後的數字值。
let stringNumber: string = "12234567998";
let stringNumber2: string = "34345465.4333";
function convertNumToString(str: string) {
let num: number = parseInt(str);
return num;
}
console.log(
"After converting the " +
stringNumber +
" to number value is " +
convertNumToString(stringNumber)
);
console.log(
"After converting the " +
stringNumber2 +
" to number value is " +
convertNumToString(stringNumber2)
);
編譯後,它將生成以下 JavaScript 程式碼:
var stringNumber = "12234567998";
var stringNumber2 = "34345465.4333";
function convertNumToString(str) {
var num = parseInt(str);
return num;
}
console.log("After converting the " +
stringNumber +
" to number value is " +
convertNumToString(stringNumber));
console.log("After converting the " +
stringNumber2 +
" to number value is " +
convertNumToString(stringNumber2));
輸出
以上程式碼將產生以下輸出:
After converting the 12234567998 to number value is 12234567998 After converting the 34345465.4333 to number value is 34345465
使用 parseFlot() 方法
parseFloat() 方法與 parseInt() 方法的工作原理相同,用於將字串轉換為數字。唯一的區別在於它不會刪除小數點後的值,這意味著它從字串中提取浮點數,而 parseInt() 方法從字串中提取整數值。
語法
使用者可以按照以下語法使用 parseFloat() 方法將字串轉換為數字。
let numberValue: number = parseFloat(stringValue);
在上述語法中,stringValue 是字串格式的浮點數。
示例
在下面的示例中,stringToFloat() 函式演示瞭如何使用 parseFloat() 方法從給定的字串中提取浮點數。我們已經呼叫了三次 stringToFloat() 函式。
在第三次呼叫時,我們將包含數字和其他字元的字串作為 stringToFloat() 函式的引數傳遞。在輸出中,我們可以看到它從字串中刪除了字元,只提取了浮點數。
let strFloat: string = "34356757";
let strFloat2: string = "7867.465546";
function stringToFloat(stringValue: string) {
let numberValue: number = parseFloat(stringValue);
console.log(
"The " +
stringValue +
" value after converting to the number is " +
numberValue
);
}
stringToFloat(strFloat);
stringToFloat(strFloat2);
stringToFloat("232343.43434fd");
編譯後,它將生成以下 JavaScript 程式碼:
var strFloat = "34356757";
var strFloat2 = "7867.465546";
function stringToFloat(stringValue) {
var numberValue = parseFloat(stringValue);
console.log("The " +
stringValue +
" value after converting to the number is " +
numberValue);
}
stringToFloat(strFloat);
stringToFloat(strFloat2);
stringToFloat("232343.43434fd");
輸出
以上程式碼將產生以下輸出:
The 34356757 value after converting to the number is 34356757 The 7867.465546 value after converting to the number is 7867.465546 The 232343.43434fd value after converting to the number is 232343.43434
在本教程中,使用者學習了四種將以字串格式給出的數字值轉換為實際數字的方法。將字串轉換為數字的最佳方法是使用一元運算子,它比其他運算子更有效率。但是,使用者也可以使用 Number() 建構函式。
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP