【JS】JavaScriptでゼロ埋め

■ はじめに

小ネタ。

　JavaScriptで、
ゼロ埋め（ゼロパディング；zero padding）する方法をメモ。

目次

【０】WebでのJavaScriptの実行
【１】padStart()を使った方法
【２】slice()を使った方法

【０】WebでのJavaScriptの実行

https://paiza.io/projects/29YL68qqORRPFWl6dsOpog?language=javascript

【１】padStart()を使った方法

const targetNumber = 1;
const targetNumber2 = 123456;

const paddingNumber = String(targetNumber).padStart(5, '0');
const paddingNumber2 = String(targetNumber2).padStart(5, '0');

// 00001
console.log(paddingNumber);
// 123456
console.log(paddingNumber2);

【２】slice()を使った方法

const targetNumber = 1;
const targetNumber2 = 123456;

const paddingNumber = ('00000' + targetNumber).slice(-5);
const paddingNumber2 = ('00000' + targetNumber2).slice(-5);

// 00001
console.log(paddingNumber);
// 23456
console.log(paddingNumber2);

参考文献

https://gray-code.com/javascript/fill-numbers-with-zeros/
https://zenn.dev/cigar/articles/js-zero-padding

関連記事

JavaScript での 日付 / 日時 の扱い
https://dk521123.hatenablog.com/entry/2018/08/02/213438
TypeScript での 日付 / 日時 の扱い
https://dk521123.hatenablog.com/entry/2021/01/29/231952