{"id":115,"date":"2009-02-13T23:31:30","date_gmt":"2009-02-13T23:31:30","guid":{"rendered":"https:\/\/jassweb.com\/new22\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript\/"},"modified":"2009-02-13T23:31:30","modified_gmt":"2009-02-13T23:31:30","slug":"solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/","title":{"rendered":"[Solved] Formatting a number with exactly two decimals in JavaScript"},"content":{"rendered":"

Introduction <\/h2>\n

[ad_1]<\/p>\n

Formatting numbers with exactly two decimals in JavaScript can be a tricky task. Fortunately, there are a few different methods that can be used to achieve this. In this article, we will discuss the various ways to format a number with exactly two decimals in JavaScript. We will also provide examples of each method so that you can see how it works in practice. By the end of this article, you should have a better understanding of how to format a number with exactly two decimals in JavaScript.<\/p>\n

Solution<\/h2>\n

<\/p>\n

\/\/Using toFixed()<\/p>\n

let num = 10.56789;
\nlet result = num.toFixed(2);<\/p>\n

console.log(result); \/\/ Output: 10.57 <\/p>\n

<\/p>\n

\n

To format a number using fixed-point notation, you can simply use the toFixed<\/a> method:<\/p>\n

(10.8).toFixed(2); \/\/ \"10.80\"\n\nvar num = 2.4;\nalert(num.toFixed(2)); \/\/ \"2.40\"\n<\/code><\/pre>\n
Note that toFixed()<\/code> returns a string.<\/p>\n
IMPORTANT<\/strong>: Note that toFixed does not round 90% of the time, it will return the rounded value, but for many cases, it doesn\u2019t work.<\/p>\n
For instance:<\/p>\n
2.005.toFixed(2) === \"2.00\"<\/code><\/p>\n
Nowadays, you can use the Intl.NumberFormat<\/code><\/a> constructor. It\u2019s part of the ECMAScript Internationalization API Specification<\/a> (ECMA402). It has pretty good browser support<\/a>, including even IE11, and it is fully supported in Node.js<\/a>.<\/p>\n
\n
\n
const formatter = new Intl.NumberFormat('en-US', {\n   minimumFractionDigits: 2,      \n   maximumFractionDigits: 2,\n});\n\nconsole.log(formatter.format(2.005)); \/\/ \"2.01\"\nconsole.log(formatter.format(1.345)); \/\/ \"1.35\"<\/code><\/pre>\n<\/div>\n<\/div>\n
You can alternatively use the toLocaleString<\/code> method, which internally will use the Intl<\/code> API:<\/p>\n
\n
\n
const format = (num, decimals) => num.toLocaleString('en-US', {\n   minimumFractionDigits: 2,      \n   maximumFractionDigits: 2,\n});\n\n\nconsole.log(format(2.005)); \/\/ \"2.01\"\nconsole.log(format(1.345)); \/\/ \"1.35\"<\/code><\/pre>\n<\/div>\n<\/div>\n
This API also provides you a wide variety of options to format, like thousand separators, currency symbols, etc.<\/p>\n<\/div>\n
[ad_2]<\/p>\n","protected":false},"excerpt":{"rendered":"
Introduction [ad_1] Formatting numbers with exactly two decimals in JavaScript can be a tricky task. Fortunately, there are a few different methods that can be used to achieve this. In this article, we will discuss the various ways to format a number with exactly two decimals in JavaScript. We will also provide examples of each … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[5139,333,895],"class_list":["post-115","post","type-post","status-publish","format-standard","hentry","category-solved","tag-decimal-point","tag-javascript","tag-rounding"],"yoast_head":"\n[Solved] Formatting a number with exactly two decimals in JavaScript - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Formatting a number with exactly two decimals in JavaScript - JassWeb\" \/>\n<meta property=\"og:description\" content=\"Introduction [ad_1] Formatting numbers with exactly two decimals in JavaScript can be a tricky task. Fortunately, there are a few different methods that can be used to achieve this. In this article, we will discuss the various ways to format a number with exactly two decimals in JavaScript. We will also provide examples of each ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2009-02-13T23:31:30+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Formatting a number with exactly two decimals in JavaScript\",\"datePublished\":\"2009-02-13T23:31:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/\"},\"wordCount\":222,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"decimal-point\",\"javascript\",\"rounding\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/\",\"name\":\"[Solved] Formatting a number with exactly two decimals in JavaScript - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2009-02-13T23:31:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Formatting a number with exactly two decimals in JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Formatting a number with exactly two decimals in JavaScript - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Formatting a number with exactly two decimals in JavaScript - JassWeb","og_description":"Introduction [ad_1] Formatting numbers with exactly two decimals in JavaScript can be a tricky task. Fortunately, there are a few different methods that can be used to achieve this. In this article, we will discuss the various ways to format a number with exactly two decimals in JavaScript. We will also provide examples of each ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/","og_site_name":"JassWeb","article_published_time":"2009-02-13T23:31:30+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Formatting a number with exactly two decimals in JavaScript","datePublished":"2009-02-13T23:31:30+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/"},"wordCount":222,"commentCount":0,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["decimal-point","javascript","rounding"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/","url":"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/","name":"[Solved] Formatting a number with exactly two decimals in JavaScript - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2009-02-13T23:31:30+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-formatting-a-number-with-exactly-two-decimals-in-javascript-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Formatting a number with exactly two decimals in JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/115\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}