資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律學如何將 JavaScript 數字拆分成單個數字？
在本教程中，我們將學習如何將 JavaScript 數字拆分成單個數字。有時，我們需要將數字拆分成單個數字來完成給定的任務，例如檢查迴文數字。讓我們討論將數字拆分成數字的方法。
當數字以數字形式輸入時。
當數字以字串形式輸入時。
讓我們分別討論它們，並給出程式示例。
當輸入為數字形式時
如果輸入數字為數字形式，我們可以簡單地迴圈遍歷該數字，並使用**取模運算子 (%)**分離其各個數字。
演算法
**步驟 1** - 在此步驟中，我們將取一個需要拆分的數字。
**步驟 2** - 在第二步中，我們將定義一個包含拆分數字數字邏輯的函式。
**步驟 3** - 在最後一步中，我們在上一步中定義的函式內編寫邏輯，以及在使用者螢幕上輸出結果的邏輯。
示例
以下示例將 JavaScript 數字拆分成單個數字：
<!DOCTYPE html>
<html>
<body>
<p id="result1">Input number: </p>
<p id="result2">Individual Digits: </p>
<script>
const digits = [];
function display(num) {
while (num > 0) {
let digit = num % 10;
digits.push(digit);
num = Math.floor(num / 10);
}
return digits;
}
let num = 20340921;
document.getElementById("result1").innerHTML += num;
document.getElementById("result2").innerHTML += display(num);
</script>
</body>
</html>
在這個例子中，我們考慮一個數字“**20340921**”，然後透過使用 while 迴圈遍歷每個數字並將每個數字儲存在名為**digit**的變數中來將其拆分成單個數字。
當數字以字串形式輸入時
在 JavaScript 中，我們可以使用兩種不同的內建 JavaScript 方法來拆分數字字串，然後將它們儲存在一個變數中，以便稍後在螢幕上顯示。這兩種方法如下所示：
陣列**push()** 方法
字串**split()** 方法
使用 JavaScript Array push() 方法
在此方法中，我們將簡單地將字串數字的各個數字推入陣列，然後在螢幕上顯示它們。
語法
以下是 JavaScript 中使用**array push()**方法的語法：
array.push();
讓我們藉助程式碼示例更好地理解它：
演算法
**步驟 1** - 在第一步中，我們將在文件中定義**input**標籤以獲取輸入字串數字。
**步驟 2** - 在下一步中，我們定義一個 JavaScript 函式，該函式使用**push()**方法將字串中的各個字元（也就是我們的各個數字）推入。
**步驟 3** - 在此步驟中，我們將編寫邏輯以在上一步中定義的同一函式內在使用者螢幕上顯示輸出，因為它將由**click**事件呼叫。
示例
以下示例將演示使用**push()**方法將數字拆分成單個數字：
<!DOCTYPE html>
<html>
<body>
<h3>Split JavaScript Number into individual digits</h3>
<label>Enter the number:</label><br>
<input id="inp" type="number"><br><br>
<button onclick="display()">click to Split</button>
<p id="result">The individual digits of number are: </p>
<script>
let result = document.getElementById("result");
function display() {
let inp = document.getElementById("inp").value;
let num = [];
for (let i = 0; i < inp.length; i += 1) {
num.push(inp.charAt(i));
}
result.innerHTML += "<br><b>" + num + "</b>";
}
</script>
</body>
</html>
在上面的示例中，我們以字串的形式在輸入標籤中獲取輸入，然後使用**push()**函式將字串數字的各個字元一個接一個地推入**num**陣列中，然後將其顯示在螢幕上。
使用 JavaScript 字串 split() 方法
JavaScript 中的 split 方法用於拆分字串的各個字元。
語法
string.split()
**注意** - 此示例的演算法與上一個示例幾乎相同；你只需要將 push() 方法更改為 split() 方法。
示例
以下示例將解釋 split() 方法將數字字串拆分的工作原理：
<!DOCTYPE html>
<html>
<body>
<h3>Split JavaScript Number into individual digits</h3>
<label>Enter the number:</label><br>
<input id="inp" type= "number"><br><br>
<button onclick="display()">click to Split</button>
<p id="result">The individual digits of number are: </p>
<script>
let result = document.getElementById("result");
function display() {
let inp = document.getElementById("inp").value;
let num = inp.split('');
result.innerHTML += "<br><b>" + num + "</b>";
}
</script>
</body>
</html>
在上面的示例中，我們以數字字串的形式從使用者處獲取輸入，然後使用字串的內建 JavaScript 方法**split()**將數字字串拆分成單個數字字元，然後在使用者螢幕上顯示它們。
在本教程中，我們學習了三種不同的將數字拆分成單個數字的方法，其中數字可以是字串形式或數字形式。我們可以使用這些方法將任何數字拆分成其各個數字，然後使用這些數字來解決基於檢查數字或字串格式的問題，例如檢查數字是否為迴文數字。
4K+ 瀏覽量
