[Javascript] Intlを使う際の注意点

[HAKASHUN]

概要

number型から、¥1,000のようなcurrency表記を作成する際の処理について

発生した問題

• Safariが10より低いバージョンの端末で、IntlのAPIが利用できずタイプエラーが発生した

const formatter = new Intl.NumberFormat('ja-JP') // Safari10より低いバージョンではエラー
console.log(formatter.format(1000))

対応策

• formatterを自作した

function yen(value) {
    const text = `${value}`.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
    return `¥${text}`;
}