When using integers with decimal places in our web applications we often want to change the format of them to display them better in our user interfaces. There many different use cases for this. I’ve comes across this frequently when dealing with data visualization, where I want to display whole numbers on our graphs axes. So, how can you remove decimal places in JavaScript? To remove decimal places in JavaScript we can use the
following methods: To demonstrate, let’s have a variable with a decimal number like so: This is the easiest way to outright strip the integer of its decimals. Without a second parameter, Please note, if looking for performance this is the slowest method. As hinted in the name, The method And there we have it, removing decimals comes into play more than you might think. Thankfully, we can see that there are many different approaches to solve it.Math.round[]
to round to the nearest integer.parseInt[]
to parse to the nearest whole number.Math.trunc[]
to completely strip the decimal.toFixed[]
to remove a certain amount of decimals.const decimal = 5.67567;
Using Math.trunc[]
Math.trunc[]
will
remove any fractional digits:const removedDecimal = Math.trunc[decimal];
// returns 5
Using parseInt[]
parseInt[]
will round up the number for us:const removedDecimal = parseInt[decimal];
// returns 5
Math.round[]
Math.round[]
will return a number rounded up to the nearest integer.const removedDecimal = Math.round[decimal];
// returns 5
Using toFixed[]
toFixed[]
comes in handy when we want to
remove only some of the decimal places:decimal.toFixed[];
// return 6
decimal.toFixed[2]
// returns 5.68
decimal.toFixed[1]
// return 5.7
ok i know this is probably really easy but I am floundering.. I have a series of variables that have a decimal point and a few zeros. How do I strip the variable so it goes from 1.000 to 1 ? Dont think this is that important but the numbers are generated from an xml file that I am grabbing with jquery like ...
var quantity = $["QTY",this].text[];
Thanks in advance for any help!
asked Apr 11, 2011 at 23:34
1
Simply...
Math.round[quantity];
...assuming you want to round 1.7
to 2
. If not, use Math.floor
for 1.7
to 1
.
answered Apr 11, 2011 at 23:38
mVChrmVChr
48.7k11 gold badges105 silver badges100 bronze badges
use parseInt[];
parseInt["1.25"];//returns 1
parseInt["1.85"];//returns 1
parseInt[1.25];//returns 1
parseInt[1.85];//returns 1
answered Apr 11, 2011 at 23:38
dannieldanniel
1,71111 silver badges12 bronze badges
1
Use number = ~~number
This is the fastest substitute to Math.floor[]
answered Apr 24, 2015 at 6:23
AshishAshish
3693 silver badges16 bronze badges
4
parseInt is the slowest method math.floor is the 2nd slowest method
faster methods not listed here are:
var myInt = 1.85 | 0; myInt = 1;
var myInt = 1.85 >> 0; myInt = 1;
Speed tests done here: //jsperf.com/math-floor-vs-math-round-vs-parseint/2
answered May 14, 2013 at 7:55
ValentineValentine
1311 silver badge2 bronze badges
1
answered Dec 2, 2017 at 14:17
1
For rounding numbers to the nearest Integer you can use Math.round[]
like so:
Math.round["1.000"]; // Will produce 1
Math.round[123.4234]; // Will produce 123
answered Apr 11, 2011 at 23:41
KushalPKushalP
10.8k6 gold badges32 silver badges27 bronze badges
You don't need jQuery for this.
You can use parseInt just fine. From the page:
document.write[parseInt["10.33"] + "
"]; // 10
answered Apr 11, 2011 at 23:38
KhezKhez
10k2 gold badges30 silver badges51 bronze badges
Here's another nice example:
I often use Math.round
and toLocateString
to convert numbers containing decimal places, into a more readable string, with thousand separators:
var myNumberAsString = "1234567.890123" // "1234567.890123"
var myNumber = Math.round[0.0 + myNumberAsString]; // 1234568
return myNumber.toLocaleString[]; // "1,234,568"
I find this useful when loading decimal values from, say a JSON Web Service, and need to display them in a friendlier format on a web page [when, of course, I don't need to display all of the decimal places].
answered Nov 3, 2014 at 13:25
Mike GledhillMike Gledhill
26.4k7 gold badges144 silver badges153 bronze badges
A faster, more efficient way would be to use JavaScript's bitwise operators, like so:
function stripDecimals[n] {
return n | 0;
}
// examples:
stripDecimals[23.245]; // => 23
stripDecimals[100.015020]; // => 100
The |
[OR operator] will treat the numbers as 32-bit [binary 0s
and 1s
], followed by returning the desired result
depending on the operands, which in this case would result to an integer stripped of all decimal places.
answered Mar 11, 2018 at 17:08
MysticalMystical
2,1952 gold badges21 silver badges35 bronze badges
I suggest you use something called Math.trunc[]
... put your number in the parentheses. The reason I don't suggest you use Math.round[]
is that it might change the integer part of your decimal number which some people won't want though you can use Math.round[]
if you know you want to get the closest integer.
answered Sep 9, 2019 at 10:48