How to add numbers with 0s in front in Javascript?

Question

(This is not a duplicate. I can't find the solution in the link provided).

Say I have an input from a user in an html form intended as a serial number or some such. This number can start with 0s. Example, 0001.

In Javascript, if that number (0001) is incremented, it becomes 2.

I would like to preserve the leading 0s to get 0002.

How do I do that in Javasript?

Thanks in anticipation.

Probably duplicate of: stackoverflow.com/questions/2998784/… — MonneratRJ
– MonneratRJ, Commented Mar 26, 2019 at 16:58
A simple web search should have answered this for you. Basic research is expected here before asking questions — charlietfl
– charlietfl, Commented Mar 26, 2019 at 17:01

Get Off My Lawn · Accepted Answer · 2019-03-26 17:26:58Z

1

Use padStart to pad the start of a number. However numbers don't start with zero so the number will have to be displayed as a string.

To find the number of zeros, you can do:

('001'.match(/^0+/) || [''])[0].length

'001'.match(/^0+/) – matches as many zeros as possible from the start of the string
|| [''] – if the match returns undefined, use an array with an empty string (aka a fallback value)
[0] – get the first value in the returned array (either the match or the fallback)
.length – get the length of the string

let nums = [
  '1',
  '01',
  '001',
  '0001'
]

let str = ''

for (let i of nums) {
  let numZeros = (i.match(/^0+/) || [''])[0].length
  let num = Number(i)
  while (num < 20) {
    str += `<p>${String(num++).padStart(numZeros + 1, '0')}</p>`
  }
}

document.body.innerHTML = str

edited Mar 26, 2019 at 17:26

answered Mar 26, 2019 at 17:00

Get Off My Lawn

36.6k47 gold badges201 silver badges380 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nick Over a year ago

The number of leading 0's is unknown. The input could be 01 or 001 or 0001 or 00001. When added, I would like the result to be 02, 002, 0002 and 00002 respectively.

Jonas Wilms Over a year ago

.split('') is unneccessary.

Collectives™ on Stack Overflow

How to add numbers with 0s in front in Javascript?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related