数据结构
网络
关系数据库管理系统 (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+ 浏览量
