Check if the value is a string and contains a floating point number; if so, parse and format the float

Question

Check if the value is a string and contains a floating point number; if so, parse and format the float

I need to work on formatting decimal values returned by an API that only responds with strings. The requirement is to add a leading zero but no trailing zeros to any decimal value in the string. If the value is not a float, it should remain unchanged.

For example, if the input is ".7", ".70", or "0.70", my function should always return "0.7". Similarly, for inputs like "1+", it should just return "1+".

Initially, I had assumed that the API was sending floats, so I used the following approach considering the number of decimal places required as a parameter:

function setDecimalPlace(input, places) {
    if (isNaN(input)) return input;
    var factor = "1" + Array(+(places > 0 && places + 1)).join("0");

    return Math.round(input * factor) / factor;
};

How can I modify the above function to achieve the same result when the input is a decimal string, while returning the original value if it's not a float? Additionally, I am working with Angular and plan to convert this into a filter.

javascript angularjs

Answer 1

Answer №1

UPDATE #2

Additionally sourced from

function checkInteger(n) {
   return n % 1 === 0;
}

At the end, you can verify if it's a Float, then an Int, and eventually conclude that it's a String.

Referencing your comment on '7.0':

var value = '7.0';
var formattedValue = (isFloat(value) || isInt(parseFloat(value))) ? parseFloat(value) : value;

UPDATE

Actually, there's no necessity for the numberFormat function:

var value = '.7';
if(isFloat(value)) var formattedValue = parseFloat(value);

Utilize these functions:

function isFloat(num) {
  num = parseFloat(num);
  // obtained from https://stackoverflow.com/a/3886106/4640499
  return num === Number(num) && num % 1 !== 0;
}
function numberFormat(e, t, n, o) {
  // sourced from http://phpjs.org/functions/number_format/
  var r = e,
    u = isNaN(t = Math.abs(t)) ? 2 : t,
    c = void 0 == n ? '.' : n,
    a = void 0 == o ? ',' : o,
    l = 0 > r ? '-' : '',
    d = parseInt(r = Math.abs(+r || 0).toFixed(u)) + '',
    s = (s = d.length) > 3 ? s % 3 : 0
  ;
  return l + (s ? d.substr(0, s) + a : '') +
    d.substr(s).replace(/(\d{3})(?=\d)/g, '$1' + a) +
    (u ? c + Math.abs(r - d).toFixed(u).slice(2) : '');
}
function formatFloat(e) {
  return numberFormat(e, 1);
}

Then:

var value = '.7';
console.info(isFloat(value));
console.info(formatFloat(value));

if(isFloat(value)) formatFloat(value);

Answer 2

UPDATE #2

Additionally sourced from

function checkInteger(n) {
   return n % 1 === 0;
}

At the end, you can verify if it's a Float, then an Int, and eventually conclude that it's a String.

Referencing your comment on '7.0':

var value = '7.0';
var formattedValue = (isFloat(value) || isInt(parseFloat(value))) ? parseFloat(value) : value;

UPDATE

Actually, there's no necessity for the numberFormat function:

var value = '.7';
if(isFloat(value)) var formattedValue = parseFloat(value);

Utilize these functions:

function isFloat(num) {
  num = parseFloat(num);
  // obtained from https://stackoverflow.com/a/3886106/4640499
  return num === Number(num) && num % 1 !== 0;
}
function numberFormat(e, t, n, o) {
  // sourced from http://phpjs.org/functions/number_format/
  var r = e,
    u = isNaN(t = Math.abs(t)) ? 2 : t,
    c = void 0 == n ? '.' : n,
    a = void 0 == o ? ',' : o,
    l = 0 > r ? '-' : '',
    d = parseInt(r = Math.abs(+r || 0).toFixed(u)) + '',
    s = (s = d.length) > 3 ? s % 3 : 0
  ;
  return l + (s ? d.substr(0, s) + a : '') +
    d.substr(s).replace(/(\d{3})(?=\d)/g, '$1' + a) +
    (u ? c + Math.abs(r - d).toFixed(u).slice(2) : '');
}
function formatFloat(e) {
  return numberFormat(e, 1);
}

Then:

var value = '.7';
console.info(isFloat(value));
console.info(formatFloat(value));

if(isFloat(value)) formatFloat(value);

Check if the value is a string and contains a floating point number; if so, parse and format the float

Answer №1

UPDATE #2

UPDATE

Similar questions

What are some effective strategies for optimizing the organization of express middlewares?

Is it feasible to establish a direct link between an Angular.js application and Dynamodb? Are there any other solutions available to eliminate the need for a backend

Using the symbol for pi in a JavaScript program rather than its numerical value, while still performing calculations with the numerical value behind the scenes

I'm working on separating the functionality to edit and delete entries on my CRM model, but I'm having trouble finding a way to connect these buttons with my data fields

Retrieve the name of the file from a given URL by using JavaScript/jQuery, even when only the directory path is

What is the best way to emphasize case-insensitive searchtext matches in JavaScript?

Ways to implement material-ui button design on an HTML-native button

Convert a prop into a data attribute using Vue.js 2

"Ensuring Username Uniqueness in AngularJS and CakePHP3: A Step-by-Step

What is the best way to display JSON data in a Listview control?

What is the best way to find out if multiples of a specific time interval can evenly divide the time between two

What is the best way to link a multi-select element with an array of objects?

"Learn how to dynamically update the user interface in express.js using handlebars without having to refresh the

What is the best way to save items for later use with the .not() method?

How to transfer data from JavaScript to PHP using AJAX

Colorbox scalePhotos function malfunctioning

Using Javascript to deactivate a clickable image upon clicking another image

Creating specific CSS classes for individual slides in a basic slider framework

Display a preview image at the conclusion of a YouTube video

Error encountered: The function 'showErrorMessage' is not exported from the file '../helpers/alerts'