Number toFixed(2) in Js if decimal have

[wawane7256]

generally, to fix the number in javascript we write the toFixed(2) function. I want to make a function for numbers when a number has a decimal like 12.326252 it will show 12.33 and when it has no decimal like 123 it will show 123, not 123.00.
means if decimal when adding auto .toFixed(2) else not.
How I active the goal

I wrote the code but it not working, please help to fix this bug.

number = 20.526
function check(number) {
    if (number == Math.floor(number)) {
        //console.log(number)
        return number;
    } else {
        //console.log(number.toFixed(2))
        return number.toFixed(2);
    }
}
check(number);

[m3g4p0p]

Hi @wawane7256, note that toFixed() is a formatting method and returns a string not a number; if this is what you want, you might use a regular expression to remove the .00 suffix:

number.toFixed(2).replace(/\.00$/, '')

If you want an actual number though just convert it using Number() and you won’t get the trailing zero decimals:

Number(number.toFixed(2))

Or another way without intermediary string conversion:

Math.floor(number * 100) / 100

[wawane7256]

When I write this code below it not working and calculating please help me how do I fix this issue.

function number(number) {
  if (number == Math.floor(number)) {
    return number;
  } else {
    return Number(Number(number).toFixed(2).replace(/\.00$/, ""));
  }
};
console.log(number("10.510" + 10)); OR
console.log(number("10.510") + "10"); OR
console.log(number(10.510) + "10"); 

//expected output: 20.51

[rpg_digital]

@wawane7256

console.log(number("10.510" + 10)); OR
console.log(number("10.510") + "10"); OR
console.log(number(10.510) + "10"); 

None of these are workable. Adding a number to a string results in a concatenated string — it’s called ‘type coercion’.

"10.510" + 10 === "10.51010" 
10 + "10.510" === "1010.510"

You need to convert the strings to numbers first.

Type coercion - MDN Web Docs Glossary: Definitions of Web-related terms | MDN

Edit:
Looking at @m3g4p0p’s solutions this is the one I like the most.

const formatNumber = (numString) => Math.round(numString * 100) / 100

[wawane7256]

Please help me, how to achieve the goal, this is the below code pls fix it for me… till I didn’t make this correct

function number(number) {
  if (number == Math.floor(number)) {
    return number;
  } else {
    return Number(Number(number).toFixed(2).replace(/\.00$/, ""));
  }
};

console.log(number(10+10)) // working fine
console.log(number(10+"10")) // not working
console.log(number("10"+10)) // not working
console.log(number(10+number("10"))) // not working

[rpg_digital]

@wawane7256,

You really should change the name of your function. It is hard to tell whether you are calling Javascripts own built in Number function or your own.

From your ‘not working’ list.

console.log(number(10+number("10"))) // not working

This is where the issue occurs in your code

if (number == Math.floor(number)) {
  return number;
}

If you pass in a string of ‘10’ to your function it does a loose or non strict comparison

number == Math.floor(number)
// same as
'10' == 10 // true

The above comes to true, so the string you passed in is returned.

return number;

The fix for that

return Number(number);

Again I would ditch the ‘number’ variable and ‘number’ function name. So for example you could go with something like this

function formatNumber(num) {
  if (num == Math.floor(num)) {
    return Number(num);
  } else {
    return Number(
      Number(num)
        .toFixed(2)
        .replace(/\.00$/, "")
    );
  }
};

or just

function formatNumber(numToFormat) {
  const num = Number(numToFormat).toFixed(2)

  return Number(num.replace(/\.00$/, ''))
}

Oh forgot

console.log(number(10+"10")) // not working
console.log(number("10"+10)) // not working

As mentioned these will not work. The damage is done before these values even get passed into the function. You are passing in concatenated strings.

What you are passing in

console.log(number("1010")) // not working
console.log(number("1010")) // not working