資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學如何在JavaScript中將字串轉換為整數？
在JavaScript中將字串轉換為整數是一項簡單的任務，可以使用多種方法實現。將字串轉換為整數對於執行精確的數學運算、比較和驗證使用者輸入非常有用。本文將討論在JavaScript中將字串轉換為整數的各種方法。
在本文中，我們有一個字串值，我們的任務是將字串轉換為JavaScript中的整數。
在JavaScript中將字串轉換為整數的方法
以下是本文將討論的在JavaScript中將字串轉換為整數的方法，包括分步說明和完整的示例程式碼。
- 使用parseInt方法轉換為整數
- 使用位運算子轉換為整數
- 使用雙波浪號轉換為整數
- 使用Math.floor方法轉換為整數
- 使用Math.round方法轉換為整數
- 使用Math.ceil方法轉換為整數
- 使用Math.trunc方法轉換為整數
- 使用BigInt建構函式轉換為整數
使用parseInt方法轉換為整數
在這種方法中，我們使用了**parseInt()**方法將字串轉換為JavaScript中的整數。它以字串作為引數，並將字串轉換為整數值。
示例
這是一個使用**parseInt()**方法將字串轉換為整數的示例。
<html>
<body>
<div id="str"></div>
<div id="num"></div>
<script>
let x=document.getElementById("str");
let str = "123.45";
x.innerHTML = "Input String: " + str
+ ", It is of type: " +typeof str;
let res=document.getElementById("num");
let num = parseInt(str);
res.innerHTML = "Result: " + num
+ ", It is of type: " +typeof num;
</script>
</body>
</html>
使用位運算子轉換為整數
在這種方法中，我們使用了位運算符將字串轉換為JavaScript中的整數。我們使用了按位非運算子，它反轉運算元，然後將其轉換為32位有符號整數，從而將字串轉換為整數。
示例
這是一個使用按位**非**運算子將字串轉換為整數的示例。
<html>
<body>
<div id="str"></div>
<div id="num"></div>
<script>
let x=document.getElementById("str");
let str = "123.12";
x.innerHTML = "Input String: " + str
+ ", It is of type: " +typeof str;
let res=document.getElementById("num");
let num = ~str;
res.innerHTML = "Result: " + num
+ ", It is of type: " +typeof num;
</script>
</body>
</html>
**注意：**我們還可以使用其他位運算子，例如OR(|), 左移(<< 0), 右移(>> 0) 和XOR(^) 運算子將字串轉換為JavaScript中的整數。
使用雙波浪號轉換為整數
在這種將字串轉換為JavaScript中整數的方法中，我們使用了**雙波浪號(~~)**運算子。它兩次應用非運算子，將字串轉換為整數，強制進行自動轉換。
示例
這是一個使用**雙波浪號(~~)**運算子將字串轉換為整數的示例。
<html>
<body>
<div id="str"></div>
<div id="num"></div>
<script>
let x=document.getElementById("str");
let str = "123.23";
x.innerHTML = "Input String: " + str
+ ", It is of type: " +typeof str;
let res=document.getElementById("num");
let num = ~~str;
res.innerHTML = "Result: " + num
+ ", It is of type: " +typeof num;
</script>
</body>
</html>
使用Math.floor方法轉換為整數
在這種將字串轉換為JavaScript中整數的方法中，我們使用了Math.floor方法。它透過型別強制轉換將字串轉換為整數，然後將整數舍入到最接近的整數值。
示例
這是一個使用**Math.floor**方法將字串轉換為整數的示例。
<html>
<body>
<div id="str"></div>
<div id="num"></div>
<script>
let x=document.getElementById("str");
let str = "123.2";
x.innerHTML = "Input String: " + str
+ ", It is of type: " +typeof str;
let res=document.getElementById("num");
let num = Math.floor(str);
res.innerHTML = "Result: " + num
+ ", It is of type: " +typeof num;
</script>
</body>
</html>
使用Math.round方法轉換為整數
在這種將字串轉換為JavaScript中整數的方法中，我們使用了Math.round方法。它透過型別強制轉換將字串轉換為整數，然後將整數舍入到最接近的整數值，其中小數0.5作為臨界點。
示例
這是一個使用**Math.round**方法將字串轉換為整數的示例。
<html>
<body>
<div id="str"></div>
<div id="num"></div>
<script>
let x=document.getElementById("str");
let str = "123.6";
x.innerHTML = "Input String: " + str
+ ", It is of type: " +typeof str;
let res=document.getElementById("num");
let num = Math.round(str);
res.innerHTML = "Result: " + num
+ ", It is of type: " +typeof num;
</script>
</body>
</html>
使用Math.ceil方法轉換為整數
在這種將字串轉換為JavaScript中整數的方法中，我們使用了Math.ceil方法。它透過型別強制轉換將字串轉換為整數，然後將整數舍入到最接近的向上整數值，即使小數位非常小。
示例
這是一個使用**Math.ceil**方法將字串轉換為整數的示例。
<html>
<body>
<div id="str"></div>
<div id="num"></div>
<script>
let x=document.getElementById("str");
let str = "123.01";
x.innerHTML = "Input String: " + str
+ ", It is of type: " +typeof str;
let res=document.getElementById("num");
let num = Math.ceil(str);
res.innerHTML = "Result: " + num
+ ", It is of type: " +typeof num;
</script>
</body>
</html>
使用Math.trunc方法轉換為整數
在這種將字串轉換為JavaScript中整數的方法中，我們使用了Math.trunc方法。它透過截斷小數位返回數字的整數部分。
示例
這是一個使用**Math.trunc**方法將字串轉換為整數的示例。
<html>
<body>
<div id="str"></div>
<div id="num"></div>
<script>
let x=document.getElementById("str");
let str = "123.123";
x.innerHTML = "Input String: " + str
+ ", It is of type: " +typeof str;
let res=document.getElementById("num");
let num = Math.trunc(str);
res.innerHTML = "Result: " + num
+ ", It is of type: " +typeof num;
</script>
</body>
</html>
使用BigInt建構函式轉換為整數
在這種將字串轉換為JavaScript中整數的方法中，我們使用了BigInt建構函式。它將字串轉換為**BigInt**，如果輸入字串不是有效的整數（即包含小數或非數字字元），則會**丟擲錯誤**。
示例
這是一個使用**BigInt**建構函式將字串轉換為整數的示例。
<html>
<body>
<div id="str"></div>
<div id="num"></div>
<script>
let x=document.getElementById("str");
let str = "123444444444";
x.innerHTML = "Input String: " + str
+ ", It is of type: " +typeof str;
let res=document.getElementById("num");
let num = BigInt(str);
res.innerHTML = "Result: " + num
+ ", It is of type: " +typeof num;
</script>
</body>
</html>
結論
在JavaScript中將字串轉換為整數是一項非常簡單易行的任務。在本文中，我們討論了八種方法：使用**parseInt()**方法、**位運算子**、**雙波浪號**運算子、**Math.floor()**方法、**Math.round()**方法、**Math.ceil()**方法、**Math.trunc**方法以及使用**BigInt**建構函式。
211K+ 瀏覽量
