JavaScriptでゼロパディングとゼロサプレス

ゼロパディングとゼロサプレス

ゼロパディング・ゼロサプレスとは、

ゼロパディング 【 zero padding 】 ゼロ埋め / ゼロサプライ / 前ゼロ

ゼロパディングとは、数値を文字として表現・表示する際に、指定された桁数に足りない分だけ左右に「0」を追加する処理のこと。決まった長さ（固定長）の文字列に変換したいときに行われる。

ゼロサプレス (zero suppress)
これとは逆に、「0012.3400」を「12.34」にするといったように、先頭あるいは末尾の余分な「0」を削除したり空白で置き換え、数値としての本来の表記に戻す処理のことは「ゼロサプレス」（zero suppress）という。ゼロパディングと意味を取り違えやすいので注意が必要である。

JavaScriptでゼロパディング

String.prototype.padStart()を使います。

String.prototype.padStart()

str.padStart(targetLength [, padString])
パラメーター
targetLength
現在の文字列の延長後の長さ。パラメーターが現在の文字列の長さよりも短い場合、現在の文字列が返される。
padString Optional
現在の文字列を延長するための文字列。この文字列が長すぎる場合、切り捨てられて、左の部分が適用されます。 このパラメーターの既定値は、" " (U+0020) です。
戻り値
現在の文字列の先頭に延長が適用された String。

// 例：'1234567'をゼロパディング
const padded = '1234567'.padStart(8, '0')
console.log(padded) // '01234567'

JavaScriptでゼロサプレス

様々な方法があると思いますが、今回は簡単なのでLodashのtrimStartを使います。

Lodash trimStart

_.trimStart([string=''], [chars=whitespace])

Removes leading whitespace or specified characters from string.

Arguments
[string=''](string): The string to trim.
[chars=whitespace](string): The characters to trim.

Returns
(string): Returns the trimmed string.

// 例：'01234567'をLodashのtrimStartでゼロサプレス
const trimmedString = trimStart('01234567', '0');
console.log(trimmedString); // '1234567' 

LodashのpadStartを使ったゼロパディング

ちなみにLodashのpadStartを使ってもゼロパディングができます。

Lodash padStart

_.padStart([string=''], [length=0], [chars=' '])
Pads string on the left side if it's shorter than length. Padding characters are truncated if they exceed length.

Arguments
[string=''](string): The string to pad.
[length=0](number): The padding length.
[chars=' '](string): The string used as padding.

Returns
(string): Returns the padded string.

// 例：'1234567'をLodashのpadStartでゼロパディング
const paddedString = padStart('1234567', 8, '0');
console.log(paddedString); // '01234567'