Thousands separator in jQuery is causing parseFloat to misinterpret numbers

Question

I am using a . as a thousands separator. So the string 128.814 should be read as "one hundred and twenty eight thousand, eight hundred and fourteen".

When I add this to the number 900, I want the answer to be 129714 (displayed as 129.714). However, because javascript takes the thousands separator as a decimal point, it's giving me an undesirable result.

function addTotalPrice(item){
    var priceItem = parseFloat( $(item).find('.price').text() );
    var priceTotal = parseFloat( $('.label-price span').text() );

    var result = (priceTotal + priceItem);
    $('.label-price span').text( result.toFixed(3) );
}

How can I tell jQuery/Javascript to interpret the . in 128.814 as a thousands separator and not a decimal point?

Can you PLEASE tell us what the problem is exactly? Its working fine here https://jsfiddle.net/ac0vnjos/ — AmmarCSE, Jun 12 '15 at 10:42
Agreed, also did a fiddle https://jsfiddle.net/6ajs9zkx/ and it works fine. — bgs264, Jun 12 '15 at 10:45
Huh? Sorry, but maths is maths. You cannot dispute that `900 + 128.814 === 1028.814` — bgs264, Jun 12 '15 at 10:57
@GrigoreanAlexander, what should we do with the `.`? In American standard mathematics, `.` represents a fraction and not a comma to indicate hundered thousand — AmmarCSE, Jun 12 '15 at 10:59

score 1 · Accepted Answer · edited May 23 '17 at 12:05

How can I tell jQuery/Javascript to interpret the . in 128.814 as a thousands separator and not a decimal point?

Simplest way would be to remove it.

When you remove it, it will automatically be interpreted as a thousands value, even without the comma there. Then, manually format the number like in How to print a number with commas as thousands separators in JavaScript

function addTotalPrice(item){
    var priceItem = parseFloat( $(item).find('.price').text().replace('.','') );
    var priceTotal = parseFloat( $('.label-price span').text().replace('.','') );

    var result = (priceTotal + priceItem);
    $('.label-price span').text( result.toString().replace(/\B(?=(\d{3})+(?!\d))/g, "."); );
}

var priceItem = parseFloat('900'.replace('.', ''));
var priceTotal = parseFloat('128.814'.replace('.', ''));

var result = (priceTotal + priceItem);
var fixedResult = result.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
document.write(fixedResult);

I am sorry for my not correct question. Your answer works fine, thank you — Grigorean Alexander, Jun 12 '15 at 11:23

Thousands separator in jQuery is causing parseFloat to misinterpret numbers

1 Answers1