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