DEV Community

Daniel Cruz
Daniel Cruz

Posted on

Using Intl.NumberFormat to transform number notation

#webdev #javascript

Problem

You want to transform thousand numbers into their compact version (1,000 -> 1k).

Solution

Use Intl.NumberFormat with the compact notation as option

const formatter = new Intl.NumberFormat("en-US", { notation: "compact" });

const number = 12_000;

const formattedNumber = formatter.format(number) // -> will return '12k'
Enter fullscreen mode Exit fullscreen mode

MDN Reference

Top comments (0)

Read next

abhay_yt_52a8e72b213be229 profile image

Mastering MobX: Simplified and Reactive State Management for React

Abhay Singh Kathayat -

abhay_yt_52a8e72b213be229 profile image

Controlled vs Uncontrolled Components in React: Choosing the Right Approach

Abhay Singh Kathayat -

prince_beec5ccde00b7c6c73 profile image

Toggle Switch Realistic illusion using the core html and core Css Code

Prince -

abhay_yt_52a8e72b213be229 profile image

React.js Explained: A Comprehensive Guide to Building Modern Web Applications

Abhay Singh Kathayat -