数据结构
网络
关系数据库管理系统(RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究如何在JavaScript中使用前导零填充数字？
在本教程中，我们将学习如何在JavaScript中使用前导零填充数字。
在JavaScript中，可以使用不同的方法来填充数字。在本教程中，我们将看到两种最常用的方法：
- 使用String padStart() 方法
- 使用Array对象构造函数和 join() 方法
使用String padStart() 方法
在JavaScript中，String对象的 padStart() 方法可用于使用前导零填充数字。它接受两个参数，第一个是目标或所需字符串的总长度，另一个是用户想要用于填充的字符串或字符。要使用此方法，必须先将用户要填充的数字转换为字符串。
用户可以按照以下语法在JavaScript中使用 padStart() 方法使用前导零填充数字。
语法
let number = 2 let result = number.toString().padStart(5, '0') console.log(result); // 00002
在上述语法中，padStart() 方法将5作为目标字符串长度，“0”是应填充数字的字符串或字符。
参数
- 目标长度 − 它表示目标字符串的长度。
- 填充字符串 − 这是进行填充的字符串。
返回类型
- 一个用填充字符串填充到目标长度的字符串。
示例
在下面的示例中，我们使用了String padStart() 方法使用前导零填充数字。我们使用了按钮点击事件来填充数字。
<html> <body> <h3> Padding a number with leading zeros in JavaScript using <i> padStart() </i> method </h3> <h4> Pad the number 12 with leading zeros and the total length should be 5 </h4> <button onclick = "padNumber()"> Pad Number </button> <h4 id = "root"> </h4> <script> let root = document.getElementById('root') let number = 12 function padNumber(){ let result = number.toString().padStart(5, '0') root.innerHTML = "Result: " + result } </script> </body> </html>
使用Array对象构造函数和join()方法
这是填充数字的另一种方法。在这种方法中，我们使用JavaScript的Array对象构造函数创建一个与需要填充的零数量相同的元素的数组。然后，我们用“0”连接它来创建一个填充字符串，并将其与数字相加。
语法
let number = 24 let strNumber = number.toString() let targeted_length = 5 let result = '' // padding zeros if(strNumber.length < targeted_length){ let padding = new Array(targeted_length - strNumber.length + 1).join('0') result = padding + strNumber }else{ result = strNumber }
在上述语法中，“result”变量存储带有前导零的填充数字的值。
算法
步骤1 − 声明一个变量，该变量存储数字的字符串，并声明目标字符串长度。
步骤2 − 如果数字字符串的长度小于目标长度，则：
步骤2.1 − 使用Array对象构造函数创建一个长度为target_length – 数字字符串长度 + 1的数组，并使用join()方法用字符“0”连接数组元素。这将是填充字符串。
步骤2.2 − 将填充字符串和数字连接起来。这将是结果。
步骤3 − 如果数字字符串的长度不小于目标长度，则该数字不需要任何填充。
示例
在下面的示例中，我们使用了Array对象构造函数和 join() 方法使用前导零填充数字。我们使用了按钮点击事件来填充数字。
<html> <body> <h3> Padding a number with leading zeros in JavaScript using <i> Array object constructor and join() </i> method </h3> <h4> Pad the number 24 with leading zeros and the total length should be 5 </h4> <button onclick = "padNumber()"> Pad Number </button> <h4 id = "root"> </h4> <script> let root = document.getElementById('root') let number = 24 let targeted_length = 5 function padNumber(){ let strNumber = number.toString() if(strNumber.length < targeted_length){ let padding = new Array(targeted_length - strNumber.length + 1).join('0') let result = padding + strNumber root.innerHTML = "Result: " + result } } </script> </body> </html>
我们学习了如何使用两种不同的方法在JavaScript中使用前导零填充数字。第一种方法使用String padStart() 方法，这也是推荐的方法。第二种方法使用Array对象构造函数和join方法进行填充。第一种方法是标准方法，如果用户不想使用String padStart() 方法，则推荐使用第二种方法。
63K+ 次浏览
