JavaScriptで小数点を0埋めして桁を合わせる

JavaScriptで小数点を0埋めして桁を合わせる方法です。

toFixed()を使用すると0で埋めることができます。

「小数点の桁を合わせてcsv出力して」なんて要件の時に使えます。

小数点を0埋めする

小数点を0埋めするサンプルです。

小数第三位で0埋めします。

const test = [
  0,
  3.14,
  5.1,
  7,
  1.414,
  3.1415,
];

test.map(v => {
  console.log(v.toFixed(3));
});

出力は下記になります。

0.000
3.140
5.100
7.000
1.414
3.142

注意として、toFixed()は指定した桁数より多い場合は四捨五入されます。

上記ですと3.1415が3.142になります。

slice()で0埋め

四捨五入がまずい時はslice()を使用して切り捨てることもできます。

const test = [
  0,
  3.14,
  5.1,
  7,
  1.414,
  3.1415,
];

test.map(v => {
  const str = String(v).split('.');
  const str1 = (str[1])? (str[1] + '000').slice(0,3) : '000';
  console.log(str[0] + '.' + str1);
});

出力は下記になります。

0.000
3.140
5.100
7.000
1.414
3.141

小数点ではない場合はstr[1]はundefineになるので、対応が必要です。