JavaScriptもCSSのように数値の小数点の0を省略できる

JavaScriptで小数点の0を省略可能

CSSでプロパティに指定する小数点の0は省略可能。

.foo {
  line-height: .1;
}

JavaScriptで小数点の0を省略可能

あまり知られていないがJavaScriptも小数点の0を省略できる。

const sales = 100
const tax = .1
const salesTax = sales * tax
console.log(salesTax)
// => 10

小数点の0省略はリスクがある

小数点の0を省略して.1のように記述すると0.1と比べて可読性が低く、2.1の2を間違えて削除して.1となっても正しいコードとなってしまう。

そのため、小数点の0を省略するのはやめたほうが良い。

小数点の0省略はLinterで検出

小数点の0を省略しないルールにしても目視確認だけだとどうしても見落としが発生してしまう。

そのため小数点の0省略はsass-lintおよびESLintのLinterで検出したほうが良いだろう。

.sass-lint.yml

rules:
  leading-zero:
    - 2
    -
      include: true

.eslintrc.yml

rules:
  no-floating-decimal:
    - error