最近知った js の話

こんにちは TOMMY です。
たまには IT 業界人らしく技術ブログっぽいものを書いてみます。

前フリ

タイトルのとおりですが、今日は JavaScript の話です。
別に大した内容じゃないんですが、最近こんなメソッドを見つけて地味に便利で感動しているっていう話をメモ書き程度ですが残していきたいと思います。

"1".padStart(2, 0); //=> "01"
"12".padStart(2, 0); //=> "12"

基本的な使い方はこんなかんじです。

const date = new Date();
console.log(
  (date.getMonth() + 1).toString().padStart(2, 0)
); //=> "02"

month の 0 埋めなどに便利です。

ちなみに 0 埋めだけなら slice を使うほうが手取り早かったりもします。
これもちょくちょく見かける方法です。IE対応するならこの方がベターですが、何をやっているのかいまいち直感的に理解できないのが難点です。可読性とのトレードオフですかね。

const date = new Date();
console.log(
  ("0" + (date.getMonth() + 1)).slice(-2)
); //=> "02"

const nowYear = new Date().getFullYear();
console.log(`現在は${nowYear}年です。`);
//=> 現在は2019年です。

こんなかんじでバッククオートを使うと文字列に式を埋め込んだりできます。

今日紹介したものはどちらもIEはダメです。IEでどうしても使いたい場合は Babel 等によるトランスパイル必須です。
まあES5以前のJSでもどうにかできないことはないですが、IEはほんと開発者泣かせですね。