如何在 TypeScript 中將字串轉換為數字？

字串和數字都是 TypeScript 中的原始資料型別。有時，我們得到的是字串格式的數字，我們需要將字串值轉換為數字來對該值進行數學運算。如果我們對字串值執行數學運算，則會給出奇怪的結果。例如，向數字字串添加另一個數字值會將數字附加到字串，而不是相加。

我們將學習使用 TypeScript 中的各種方法和途徑將字串轉換為數值。

因此，我們需要在 TypeScript 中將字串轉換為數字。

使用「 」一元運算子

一元運算子採用單一運算元。在計算操作數之前，它將操作數轉換為數值。因此，我們可以使用它來將字串轉換為數值。

文法

使用者可以按照以下語法將字串轉換為數字值。

let numberValue: number = +stringNmber;

在上面的語法中，我們使用 stringNumber 變數作為一元「 」運算子的運算元。

範例

在此範例中，stringNumber 變數包含字串格式的數字值。之後，我們使用一元‘ ’運算子將 stringNumber 字串值轉換為數字，並將計算值儲存在 numberValue 變數中。

在輸出中，使用者可以觀察到 numberValue 變數的型別是 number。

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 物件的實例。

我們可以以數字或字串格式傳遞一個數字值作為 Nuber() 建構子參數。

文法

使用者可以按照下面的語法使用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() 建構函數。

以上是如何在 TypeScript 中將字串轉換為數字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！