372

I have float numbers like 3.2 and 1.6.

I need to separate the number into the integer and decimal part. For example, a value of 3.2 would be split into two numbers, i.e. 3 and 0.2

Getting the integer portion is easy:

n = Math.floor(n);

But I am having trouble getting the decimal portion. I have tried this:

remainder = n % 2; //obtem a parte decimal do rating

But it does not always work correctly.

The previous code has the following output:

n = 3.1 // gives remainder = 1.1

What I am missing here?

4
  • 2
    Notice that n = Math.floor(n); is only returning your desired result (the integer portion) for non-negative numbers Commented Jun 10, 2015 at 11:06
  • Simplfy use % 1 not % 2 Commented Oct 19, 2018 at 13:54
  • 5
    decimalPart = number - Math.floor(number) further, you can add precision to it. parseFloat(decimalPart.toPrecision(3)) // floating point with precision till 3 digits Commented Jul 4, 2020 at 8:40
  • For getting integer portion of float use Math.trunc(), not Math.floor() Commented Oct 27, 2023 at 8:05

32 Answers 32

496

Use 1, not 2.

js> 2.3 % 1
0.2999999999999998
Sign up to request clarification or add additional context in comments.

16 Comments

In a world where 0.2999999999999998 is equal to 0.3 this may be acceptable. To me it isn't... Hence, to solve this challenge I'd refrain from using Math.* or % operations.
To avoid the floating point rounding problems noted, using toFixed could help in some situations e.g. (2.3 % 1).toFixed(4) == "0.3000".
(2.3 % 1).toFixed(4).substring(2) = "3000" if you need it without the 0.
In a world where the number 2.3 has arisen, and not 2 or 3, the number 0.2999999999999998 is perfectly acceptable despite how insulting it looks to human eyes.
@GershomMaes there are a variety of circumstances where that number is not acceptable.
|
144
var decimal = n - Math.floor(n)

Although this won't work for minus numbers so we might have to do

n = Math.abs(n); // Change to positive
var decimal = n - Math.floor(n)

4 Comments

If you already have the integer portion, there's no need to call Math.floor() again -- just use the integer portion that you've calculated.
var n = 3.2, integr = Math.floor(n), decimal = n - integr; use Math.floor() just once. integr = 3; decimal = 0.20000000000000018;
In order to work with negative number, simply swap Math.floor with Math.trunc.
this was returning a non exact number like I expected to get 0.80 from 100.80, not 0.79999... I solved this by adding decimal.toFixed(2)
103

You could convert to string, right?

n = (n + "").split(".");

9 Comments

This works fine everywhere except continental Europe where a comma , is the decimal separator. If you plan on using this, remember to take that into account if you are multi-national and target europe, as this solution won't do a great job for them.
I'm from continental Europe with a French Firefox and it works. Normally we would use the comma as decimal separator in France. The reason being that in JavaScript there is no culture involved when converting a Number to string, although I would prefer using n.toString() instead of n + "" because it is more readable.
If speed is critical then n + "" is indeed better (see jsperf.com/number-vs-number-tostring-vs-string-number)
@cdmdotnet JS uses . as a decimal separator so you are fine everywhere if your input variable's type is float. You only have to deal with that issue if your input is string. I also have to note that this answer returns a string in an array. A more complete solution is parseFloat('0.' + (n + '').split('.')[1])
@cdmdotnet location independent solution is here: stackoverflow.com/a/59469716/1742529
|
43

How is 0.2999999999999998 an acceptable answer? If I were the asker I would want an answer of .3. What we have here is false precision, and my experiments with floor, %, etc indicate that Javascript is fond of false precision for these operations. So I think the answers that are using conversion to string are on the right track.

I would do this:

var decPart = (n+"").split(".")[1];

Specifically, I was using 100233.1 and I wanted the answer ".1".

8 Comments

I generally agree but you cannot rely on '.' the regex as the decimal separator is an i18n character.
@jomofrodo Actually, some might want the non rounded value. I don't recall the OP asking for a rounded value, just split values.
@VVV yes, some might want the non rounded value. But just because you may want precision to 9 decimal places doesn't mean your input data actually supports it. That is why it is called "false precision". If your input is 3.1, the most precision your answer can have is tenths, i.e., .1. If you answer .09 it implies that you have actually calculated/measured down to 100ths precision, when in fact the original input was only accurate to 10ths precision.
@MarcelStör that can be easily handled: var decPart = (n.toLocaleString("en")).split(".")[1];
.toString() does not consider i18n. Decimal separator will always be . according to MDN and the ECMA spec
|
42

Here's how I do it, which I think is the most straightforward way to do it:

var x = 3.2;
var int_part = Math.trunc(x); // returns 3
var float_part = Number((x-int_part).toFixed(2)); // return 0.2

1 Comment

Doesn't work if the decimal portion is longer than 2 digits long. With this approach x = 3.2 gives you the same result as x = 3.20499
31

A simple way of doing it is:

var x = 3.2;
var decimals = x - Math.floor(x);
console.log(decimals); //Returns 0.20000000000000018

Unfortunately, that doesn't return the exact value. However, that is easily fixed:

var x = 3.2;
var decimals = x - Math.floor(x);
console.log(decimals.toFixed(1)); //Returns 0.2

You can use this if you don't know the number of decimal places:

var x = 3.2;
var decimals = x - Math.floor(x);

var decimalPlaces = x.toString().split('.')[1].length;
decimals = decimals.toFixed(decimalPlaces);

console.log(decimals); //Returns 0.2

Comments

13

Without relying on any standard JS functions:

var a = 3.2;
var fract = a * 10 % 10 /10; //0.2
var integr = a - fract; //3

Note that it is correct only for numbers with one decimal point.

1 Comment

Language independent because it's just pure math. Practical solution. With desired fraction length: var factor = Math.pow(10, desiredFractionLength); var fract = a * factor % factor / factor;
11

Just use modulo 1.

remainder = x % 1;

2 Comments

Not work for "3.02", with ZERO in first decimal place! I posted an answer with an efficient function, could you please test it?
This shouldn't be the right answer as if I have X as 2.3 then I need 0.3 not 0.2999999999999998.
9

You can use parseInt() function to get the integer part than use that to extract the decimal part

var myNumber = 3.2;
var integerPart = parseInt(myNumber);
var decimalPart = myNumber - integerPart;

Or you could use regex like:

splitFloat = function(n){
   const regex = /(\d*)[.,]{1}(\d*)/;
   var m;

   if ((m = regex.exec(n.toString())) !== null) {
       return {
          integer:parseInt(m[1]),
          decimal:parseFloat(`0.${m[2]}`)
       }
   }
}

3 Comments

decimalPart is coming 0.20000000000000018 ... this is really getting hard to do because 0.2 < 0.20000000000000018 returns true.. 3.2 supposed to return 0.2 :P making so many irregularities and using .toFixed(2) returns string :P
@HimanshuBansal that's a JavaScript problem (hier a stackeoverflow question to that). You could use the second methode what I suggested.
Well i have a lil' bit different problem statement... Kinda used both of ur ways :P to solve it.. ^^
9

Updated in 2025 for correctness.

So it appears that this is a non-trivial operation if you absolutely need correctness and support all kinds of inputs, including scientific notations. Due to the limitations of the floating number representations in the JavaScript engines, you have to do some complex computations and possibly use some external libraries like Decimal.js.

Here is the fastest function that I could get, that supports scientific notation and invalid number inputs. Keep in mind that this still has some issues for specific use cases like when you pass 1.0000000000000001, JavaScript will already simplify it as 1 before the function is executed. But overall it is the most correct and versatile function I could come with.

import Decimal from 'decimal.js';

/**
 * Extracts the decimal portion of a number or base-10 string.
 * Fast path for normal floats. Uses decimal.js only when needed.
 * 
 * @param {number|string} input - The input value
 * @param {boolean} [preserveSign=false] - Whether to preserve the decimal's sign
 * @returns {number} The decimal portion
 */
function getDecimalPart(input, preserveSign = false) {
    if (typeof input === 'number') {
        if (!Number.isFinite(input)) return 0;

        const str = input + ''; // fast coercion
        const eIndex = str.indexOf('e');
        const dotIndex = str.indexOf('.');

        if (eIndex === -1 && dotIndex !== -1) {
            // fast float path
            const fracStart = dotIndex + 1;
            const len = str.length - fracStart;
            if (len === 0) return 0;

            let dec = 0;
            let factor = 0.1;

            for (let i = fracStart; i < str.length; i++) {
                const code = str.charCodeAt(i);
                if (code >= 48 && code <= 57) { // '0'..'9'
                    dec += (code - 48) * factor;
                    factor *= 0.1;
                } else {
                    const d = new Decimal(str);
                    const int = d.trunc();
                    let frac = d.minus(int);
                    if (!preserveSign) frac = frac.abs();
                    return frac.toNumber();
                }
            }

            return preserveSign && input < 0 ? -dec : dec;
        }

        // fallback: scientific notation or unprintable fraction
        const d = new Decimal(str);
        const int = d.trunc();
        let frac = d.minus(int);
        if (!preserveSign) frac = frac.abs();
        return frac.toNumber();
    }

    if (typeof input === 'string') {
        const eIndex = input.indexOf('e');
        const dotIndex = input.indexOf('.');

        if (eIndex === -1 && dotIndex !== -1) {
            const fracStart = dotIndex + 1;
            const len = input.length - fracStart;
            if (len === 0) return 0;

            let dec = 0;
            let factor = 0.1;
            const isNegative = input[0] === '-';

            for (let i = fracStart; i < input.length; i++) {
                const code = input.charCodeAt(i);
                if (code >= 48 && code <= 57) {
                    dec += (code - 48) * factor;
                    factor *= 0.1;
                } else {
                    const d = new Decimal(input);
                    const int = d.trunc();
                    let frac = d.minus(int);
                    if (!preserveSign) frac = frac.abs();
                    return frac.toNumber();
                }
            }

            return preserveSign && isNegative ? -dec : dec;
        }

        // fallback for scientific notation or non-decimal input
        const d = new Decimal(input);
        const int = d.trunc();
        let frac = d.minus(int);
        if (!preserveSign) frac = frac.abs();
        return frac.toNumber();
    }

    throw new TypeError('Input must be a number or a string');
}

The following is shorter for similar results, but slower:

import Decimal from 'decimal.js';

function getDecimalPart(input, preserveSign = false) {
    const isNumber = typeof input === 'number';
    const isString = typeof input === 'string';

    if (!isNumber && !isString) throw new TypeError('Input must be a number or a string');

    const str = isNumber ? String(input) : input;
    const dot = str.indexOf('.');
    const e = str.indexOf('e');

    // Fast path: base-10 decimal (no scientific notation)
    if (dot !== -1 && e === -1) {
        const fracStr = str.slice(dot + 1);
        if (!fracStr || Number(fracStr) === 0) return 0;

        const dec = parseFloat('0.' + fracStr);
        const isNeg = isNumber ? input < 0 : str[0] === '-';
        return preserveSign && isNeg ? -dec : dec;
    }

    // Fallback: Decimal.js for scientific or precision-sensitive values
    const d = new Decimal(str);
    const frac = d.minus(d.trunc());
    return preserveSign || (isNumber && input < 0) || (isString && str[0] === '-')
        ? frac.toNumber()
        : frac.abs().toNumber();
}

If speed is the most important factor, and you never use scientific notation, then use the following code. It will be 95% faster in average than the previous function. If you need it as a float, just add const f = parseFloat( result ) in the end.

If the decimal part equals zero, "0.0" will be returned. Null, NaN and undefined numbers are not tested.

function decPartAsStr(n) {
    const nstring = (n + ""),
    nindex  = nstring.indexOf("."),
    result  = "0." + (nindex > -1 ? nstring.substring(nindex + 1) : "0"); 
    return result;
}

3 Comments

don't use any of these. they will break as soon as the number rendering switches to engineering. they are also not locale-sensitive.
Could you explain "number rendering switches to engineering"? Also, localization is not relevant because we just want the decimal portion of a number, not a localized string representing a number.
Updated to be used with scientific notations.
7

A good option is to transform the number into a string and then split it.

// Decimal number
let number = 3.2;

// Convert it into a string
let string = number.toString();

// Split the dot
let array = string.split('.');

// Get both numbers
// The '+' sign transforms the string into a number again
let firstNumber  = +array[0]; // 3
let secondNumber = +array[1]; // 2

In one line of code

let [firstNumber, secondNumber] = [+number.toString().split('.')[0], +number.toString().split('.')[1]];

Comments

6

The following works regardless of the regional settings for decimal separator... on the condition only one character is used for a separator.

var n = 2015.15;
var integer = Math.floor(n).toString();
var strungNumber = n.toString();
if (integer.length === strungNumber.length)
  return "0";
return strungNumber.substring(integer.length + 1);

It ain't pretty, but it's accurate.

1 Comment

That is of course a string, so you mayneed to parseInt() first if you want it as a number. You shouldn't need to parseFloat()... unless there's something I'm missing here with base 8 not base 10 numbers... something i vaguely remember from years ago
6

Solution

The simplest way is to use the mod (%) operator:

var decimal = n % 1;

Explanation

The mod operator gives the remainder of the arithmetical division.

Example: 14 % 4 is 2 because 14 / 4 is 3 and its remainder is 2.

Then, since n % 1 is always between 0 and 1 or [0, 1) it corresponds to the decimal part of n.

Comments

4

Depending the usage you will give afterwards, but this simple solution could also help you.

Im not saying its a good solution, but for some concrete cases works

var a = 10.2
var c = a.toString().split(".")
console.log(c[1] == 2) //True
console.log(c[1] === 2)  //False

But it will take longer than the proposed solution by @Brian M. Hunt

(2.3 % 1).toFixed(4)

1 Comment

This works fine everywhere except continental Europe where a comma , is the decimal separator. If you plan on using this, remember to take that into account if you are multi-national and target europe, as this solution won't do a great job for them.
4

You can simply use parseInt() function to help, example:

let decimal = 3.2;
let remainder = decimal - parseInt(decimal);
document.write(remainder);

1 Comment

Damn Simple !!!
3

I am using:

var n = -556.123444444;
var str = n.toString();
var decimalOnly = 0;

if( str.indexOf('.') != -1 ){ //check if has decimal
    var decimalOnly = parseFloat(Math.abs(n).toString().split('.')[1]);
}

Input: -556.123444444

Result: 123444444

Comments

3

The best way to avoid mathematical imprecision is to convert to a string, but ensure that it is in the "dot" format you expect by using toLocaleString:

function getDecimals(n) {
  // Note that maximumSignificantDigits defaults to 3 so your decimals will be rounded if not changed.
  const parts = n.toLocaleString('en-US', { maximumSignificantDigits: 18 }).split('.')
  return parts.length > 1 ? Number('0.' + parts[1]) : 0
}

console.log(getDecimals(10.58))

Comments

2

You could convert it to a string and use the replace method to replace the integer part with zero, then convert the result back to a number :

var number = 123.123812,
    decimals = +number.toString().replace(/^[^\.]+/,'0');

4 Comments

Would this solution not work in continental europe where comma is the decimal separator??
@preston You can replace the dot in the regex with any other separator character you like (such as /^[^,]/), but you should then leave the result as a string (remove the + operator) in order to avoid NaN results.
That's not how this works, one makes their code universal or it deemed to fail.
I think you mean doomed to flail
2

Math functions are faster, but always returns not native expected values. Easiest way that i found is

(3.2+'').replace(/^[-\d]+\./, '')

Comments

1

I had a case where I knew all the numbers in question would have only one decimal and wanted to get the decimal portion as an integer so I ended up using this kind of approach:

var number = 3.1,
    decimalAsInt = Math.round((number - parseInt(number)) * 10); // returns 1

This works nicely also with integers, returning 0 in those cases.

Comments

1

Although I am very late to answer this, please have a look at the code.

let floatValue = 3.267848;
let decimalDigits = floatValue.toString().split('.')[1];
let decimalPlaces = decimalDigits.length;
let decimalDivider = Math.pow(10, decimalPlaces);
let fractionValue = decimalDigits/decimalDivider;
let integerValue = floatValue - fractionValue;

console.log("Float value: "+floatValue);
console.log("Integer value: "+integerValue);
console.log("Fraction value: "+fractionValue)

1 Comment

Will fail when comma used as decimal point separator.
1

I like this answer https://stackoverflow.com/a/4512317/1818723 just need to apply float point fix

function fpFix(n) {
  return Math.round(n * 100000000) / 100000000;
}

let decimalPart = 2.3 % 1; //0.2999999999999998
let correct = fpFix(decimalPart); //0.3

Complete function handling negative and positive

function getDecimalPart(decNum) {
  return Math.round((decNum % 1) * 100000000) / 100000000;
}

console.log(getDecimalPart(2.3)); // 0.3
console.log(getDecimalPart(-2.3)); // -0.3
console.log(getDecimalPart(2.17247436)); // 0.17247436

P.S. If you are cryptocurrency trading platform developer or banking system developer or any JS developer ;) please apply fpFix everywhere. Thanks!

Comments

0

After looking at several of these, I am now using...

var rtnValue = Number(7.23);
var tempDec = ((rtnValue / 1) - Math.floor(rtnValue)).toFixed(2);

1 Comment

Sorry, but what's the point of Number(7.23)? 7.23 is already a number. And why divide by 1?
0

Floating-point decimal sign and number format can be dependent from country (.,), so independent solution, which preserved floating point part, is:

getFloatDecimalPortion = function(x) {
    x = Math.abs(parseFloat(x));
    let n = parseInt(x);
    return Number((x - n).toFixed(Math.abs((""+x).length - (""+n).length - 1)));
}

– it is internationalized solution, instead of location-dependent:

getFloatDecimalPortion = x => parseFloat("0." + ((x + "").split(".")[1]));

Solution desription step by step:

  1. parseFloat() for guaranteeing input cocrrection
  2. Math.abs() for avoiding problems with negative numbers
  3. n = parseInt(x) for getting decimal part
  4. x - n for substracting decimal part
  5. We have now number with zero decimal part, but JavaScript could give us additional floating part digits, which we do not want
  6. So, limit additional digits by calling toFixed() with count of digits in floating part of original float number x. Count is calculated as difference between length of original number x and number n in their string representation.

Comments

0

2021 Update

Optimized version that tackles precision (or not).

// Global variables.
const DEFAULT_PRECISION = 16;
const MAX_CACHED_PRECISION = 20;

// Helper function to avoid numerical imprecision from Math.pow(10, x).
const _pow10 = p => parseFloat(`1e+${p}`);

// Cache precision coefficients, up to a precision of 20 decimal digits.
const PRECISION_COEFS = new Array(MAX_CACHED_PRECISION);
for (let i = 0; i !== MAX_CACHED_PRECISION; ++i) {
  PRECISION_COEFS[i] = _pow10(i);
}

// Function to get a power of 10 coefficient,
// optimized for both speed and precision.
const pow10 = p => PRECISION_COEFS[p] || _pow10(p);

// Function to trunc a positive number, optimized for speed.
// See: https://stackoverflow.com/questions/38702724/math-floor-vs-math-trunc-javascript
const trunc = v => (v < 1e8 && ~~v) || Math.trunc(v);

// Helper function to get the decimal part when the number is positive,
// optimized for speed.
// Note: caching 1 / c or 1e-precision still leads to numerical errors.
// So we have to pay the price of the division by c.  
const _getDecimals = (v = 0, precision = DEFAULT_PRECISION) => {
  const c = pow10(precision); // Get precision coef.
  const i = trunc(v); // Get integer.
  const d = v - i; // Get decimal.
  return Math.round(d * c) / c;
}

// Augmenting Number proto.
Number.prototype.getDecimals = function(precision) {
  return (isFinite(this) && (precision ? (
    (this < 0 && -_getDecimals(-this, precision))
      || _getDecimals(this, precision)
  ) : this % 1)) || 0;
}

// Independent function.
const getDecimals = (input, precision) => (isFinite(input) && (
  precision ? (
    (this < 0 && -_getDecimals(-this, precision))
      || _getDecimals(this, precision)
  ) : this % 1
)) || 0;

// Tests:
const test = (value, precision) => (
  console.log(value, '|', precision, '-->', value.getDecimals(precision))
);

test(1.001 % 1); // --> 0.0009999999999998899
test(1.001 % 1, 16); // --> 0.000999999999999
test(1.001 % 1, 15); // --> 0.001
test(1.001 % 1, 3); // --> 0.001
test(1.001 % 1, 2); // --> 0
test(-1.001 % 1, 16); // --> -0.000999999999999
test(-1.001 % 1, 15); // --> -0.001
test(-1.001 % 1, 3); // --> -0.001
test(-1.001 % 1, 2); // --> 0

Comments

0

This function splits float number into integers and returns it in array:

function splitNumber(num)
{
  num = (""+num).match(/^(-?[0-9]+)([,.][0-9]+)?/)||[];
  return [ ~~num[1], +(0+num[2])||0 ];
}

console.log(splitNumber(3.02));    // [ 3,   0.2 ]
console.log(splitNumber(123.456)); // [ 123, 0.456 ]
console.log(splitNumber(789));     // [ 789, 0 ]
console.log(splitNumber(-2.7));    // [ -2,  0.7 ]
console.log(splitNumber("test"));  // [ 0,   0 ]

You can extend it to only return existing numbers and null if no number exists:

function splitNumber(num)
{
  num = (""+num).match(/^(-?[0-9]+)([,.][0-9]+)?/);
  return [ num ? ~~num[1] : null, num && num[2] ? +(0 + num[2]) : null ];
}

console.log(splitNumber(3.02));    // [ 3,    0.02 ]
console.log(splitNumber(123.456)); // [ 123,  0.456 ]
console.log(splitNumber(789));     // [ 789,  null ]
console.log(splitNumber(-2.7));    // [ -2,   0.7 ]
console.log(splitNumber("test"));  // [ null, null ]

Comments

0

You can also truncate the number

function decimals(val) {
    const valStr = val.toString();
    const valTruncLength = String(Math.trunc(val)).length;

    const dec =
        valStr.length != valTruncLength
            ? valStr.substring(valTruncLength + 1)
            : "";

    return dec;
}

console.log("decimals: ", decimals(123.654321));
console.log("no decimals: ", decimals(123));

Comments

0

The following function will return an array which will have 2 elements. The first element will be the integer part and the second element will be the decimal part.

function splitNum(num) {
  num = num.toString().split('.')
  num[0] = Number(num[0])
  if (num[1]) num[1] = Number('0.' + num[1])
  else num[1] = 0
  return num
}
//call this function like this
let num = splitNum(3.2)
console.log(`Integer part is ${num[0]}`)
console.log(`Decimal part is ${num[1]}`)
//or you can call it like this
let [int, deci] = splitNum(3.2)
console.log('Intiger part is ' + int)
console.log('Decimal part is ' + deci)

Comments

0

For example for add two numbers

function add(number1, number2) {
let decimal1 = String(number1).substring(String(number1).indexOf(".") + 1).length;
let decimal2 = String(number2).substring(String(number2).indexOf(".") + 1).length;

let z = Math.max(decimal1, decimal2);
return (number1 * Math.pow(10, z) + number2 * Math.pow(10, z)) / Math.pow(10, z);
}

Comments

0

Yet another way:

function fract(x) {
  return 1 - (Math.ceil(x) - x);
}

fract(2.3) // <-- 0.2999999999999998

3 Comments

Won't work for negative numbers.
This will work for both positive and negative numbers return (x > 0) ? (1 - (Math.ceil(x) - x)) : (1 + (Math.floor(x) - x));
However this shouldn't be the right answer as if I have X as 2.3 then I need 0.3 not 0.2999999999999998.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.