首頁 > web前端 > js教程 > 如何在JavaScript中將字串轉換為整數而不使用parseInt()函數?

如何在JavaScript中將字串轉換為整數而不使用parseInt()函數?

WBOY
發布: 2023-08-24 21:57:08
轉載
1022 人瀏覽過

如何在JavaScript中將字串轉換為整數而不使用parseInt()函數?

parseInt() 是 JavaScript 中的內建函數,用於解析字串並傳回一個整數。然而,有時我們想要將一個字串轉換為整數,而不使用這個函數。在本文中,我們將探討如何做到這一點。

使用一元加號運算子

將字串轉換為整數的一種方法是使用一元加號運算子。這個運算子將其運算元轉換為一個數字。例如,以下程式將字串「123」轉換為數字123 -

範例1

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      let str = "123";
      document.getElementById("result1").innerHTML = typeof str;
      let num = +str; // num = 123
      document.getElementById("result2").innerHTML = num;
      document.getElementById("result3").innerHTML = typeof num;
   </script>
</body>
</html>
登入後複製

範例2

一元加運算子也可以用於將其他值轉換為數字。例如,它可以將布林值轉換為數字,如下所示−

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      let bool = true;
      let num = +bool; // num = 1
      document.getElementById("result").innerHTML = num  
   </script>
</body>
</html>
登入後複製

Using the Number() function

Another way to convert a string into a number is by using the Number() function. This function takes in an argument and returns a number. For instance, the following code converts the string "123" into the number 123 −

Example 1

l #Example 2

Number()函數也可以用來將其他值轉換為數字。例如,它可以將布林值轉換為數字,如下所示-

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      let str = "123";
      document.getElementById("result1").innerHTML = typeof str;
      let num = Number(str); // num = 123
      document.getElementById("result2").innerHTML = num;
      document.getElementById("result3").innerHTML = typeof num;
   </script>
</body>
</html>
登入後複製

使用Math.floor()函數

Math.floor()

函數傳回小於或等於給定數字的最大整數。此函數可用於將字串轉換為整數。

範例

以下程式碼將字串"123"轉換為數字123−

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      let bool = false;
      let num = Number(bool); // num = 1
      document.getElementById("result").innerHTML = num    
   </script>
</body>
</html>
登入後複製

在上面的程式碼中,我們首先使用Number()函數將字串" 123"轉換為一個數字。然後我們將這個數字傳遞給Math.floor()函數,它傳回整數123。

使用位元運算子

位元運算子是對位元值進行運算的運算子。這些運算子可以用來將字串轉換為整數。

範例

以下程式碼將字串"765"轉換為數字765 −###
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      let str = "123";
      document.getElementById("result1").innerHTML = typeof str;
      let num = Math.floor(str); // num = 123
      document.getElementById("result2").innerHTML = num;
      document.getElementById("result3").innerHTML = typeof num;
   </script>
</body>
</html>
登入後複製
###In the above code, we use the bitwise OR operator (|) to convert the string "765" into a number. The bitwise OR operator converts its operands into 32-bit integers and then performs a bitwise OR operation on them. In this case, it converts the string "765" in##umber 765" ##Using the Math.ceil() function######The ###Math.ceil()### function returns the smallest integer greater than or equal to a given number. This function can be used to convert a string into an integer.######Example######The following code converts the string "123" into the number 123 −###
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      let str = "765";
      document.getElementById("result1").innerHTML = typeof str;
      let num = str|0;
      document.getElementById("result2").innerHTML = num;
      document.getElementById("result3").innerHTML = typeof num;
   </script>
</body>
</html>
登入後複製
###在上面的程式碼中,我們先使用Number( )函數將字串"123"轉換為一個數字。然後,我們將這個數字傳遞給###Math.ceil()###函數,函數傳回整數123。 ######有幾種方法可以將字串轉換為整數,而不使用parseInt()函數。這些方法包括使用一元加運算子、Number()函數、Math.floor()函數和位元運算子。 ###

以上是如何在JavaScript中將字串轉換為整數而不使用parseInt()函數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板