w3resource

JavaScript: Create a Zerofilled value with optional +, - sign

JavaScript String: Exercise-36 with Solution

Write a JavaScript function to create a Zerofilled value with optional +, - sign.

Test Data:
console.log(zeroFill(120, 5, '-'));
"+00120"
console.log(zeroFill(29, 4));
"0029"

Sample Solution:-

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JavaScript function to create a Zerofilled value with optional +, - sign.</title>
</head>
<body>

</body>
</html>

JavaScript Code:

function zeroFill(number, width, osign) {
    var num = '' + Math.abs(number),
        zerosw = width - num.length,
        sign = number >= 0;
    return (sign ? (osign ? '+' : '') : '-') +
        Math.pow(10, Math.max(0, zerosw)).toString().substr(1) + num;
}

console.log(zeroFill(120, 5, '-'));

console.log(zeroFill(29, 4));

Sample Output:

+00120
0029

Flowchart:

Flowchart: JavaScript- Create a Zerofilled value with optional +, - sign

Live Demo:

See the Pen JavaScript Create a Zerofilled value with optional +, - sign-string-ex-36 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript function to remove HTML/XML tags from string.
Next: Write a JavaScript function to test case insensitive (except special Unicode characters) string comparison.

What is the difficulty level of this exercise?



JavaScript: Tips of the Day

JavaScript: use strict

function getAge() {
  'use strict';
  age = 21;
  console.log(age);
}

getAge();

With "use strict", you can make sure that you don't accidentally declare global variables. We never declared the variable age, and since we use "use strict", it will throw a reference error. If we didn't use "use strict", it would have worked, since the property age would have gotten added to the global object.

Ref: https://bit.ly/323Y0P6