資料結構
網路
關係資料庫管理系統 (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>
在上面的示例中，我們以字串的形式在 input 標籤內獲取輸入，然後使用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+ 瀏覽量
