Formatting Integer Arrays with JavaScript

Question

Formatting Integer Arrays with JavaScript

My current project involves iterating through an array of floating point numbers. The goal is to format each float to a specific pattern ".XXX" where X represents a number. If the float begins with a 0, it should be excluded. For instance, 0.2867 should appear as .286, while 1.2 should become 1.200. In case an element in the array is not a number like "-", it should be displayed as .000.

I have shared my code for this task below but I seem to be stuck:

$( document ).ready(function() {

var statsArray = [0.2867, 0.833, 1.576, 0.19, 0.688, 0.22, 0.572, .167, 0.643, 0.921, "-", "-", 0.222, 1.466789, 0.1, 0.714, 1.115];

function formatter()
{
    var numElements = statsArray.length;

    for (var m=0; m <= numElements; m++) 
    {
        var arrayElement = statsArray[m];

        console.log ("original element is " + arrayElement);

        arrayElement = parseInt(arrayElement, 10);

        console.log ("after parseInt element is " + arrayElement);

        arrayElement = arrayElement.toPrecision(3);

        console.log ("after toPrecision element is " + arrayElement);

    }
}

formatter();

});

I would appreciate any suggestions on how to proceed or if there are any gaps in my approach! Thank you!

javascript arrays integer parseint

Answer 1

Answer №1

To verify the presence of "-", utilize the isNaN function; eliminate parseInt and = from the <= operator; establish an array for storing values, then retrieve the array from the formatter() function.

Amendment, Revised Version

In addition to the guidance provided by @JonathanLonowski, consider replacing .toPrecision() with .toFixed() to achieve the desired outcome.

var statsArray = [0.2867, 0.833, 1.576, 0.19, 0.688, 0.22, 0.572, .167, 0.643, 0.921, "-", "-", 0.222, 1.466789, 0.1, 0.714, 1.115];

function formatter(arr) {
  for (var m = 0, res = []; m < arr.length; m++) {
    var arrayElement = statsArray[m];
    console.log("original element is " + arrayElement);
    if (!isNaN(arrayElement)) {
      res.push(arrayElement.toFixed(3))
    } else {
      if (arrayElement === "-") {
        res.push(".000")
      }
    }
  }
  return res
}

var result = formatter(statsArray);
console.log(result)

Answer 2

To verify the presence of "-", utilize the isNaN function; eliminate parseInt and = from the <= operator; establish an array for storing values, then retrieve the array from the formatter() function.

Amendment, Revised Version

In addition to the guidance provided by @JonathanLonowski, consider replacing .toPrecision() with .toFixed() to achieve the desired outcome.

var statsArray = [0.2867, 0.833, 1.576, 0.19, 0.688, 0.22, 0.572, .167, 0.643, 0.921, "-", "-", 0.222, 1.466789, 0.1, 0.714, 1.115];

function formatter(arr) {
  for (var m = 0, res = []; m < arr.length; m++) {
    var arrayElement = statsArray[m];
    console.log("original element is " + arrayElement);
    if (!isNaN(arrayElement)) {
      res.push(arrayElement.toFixed(3))
    } else {
      if (arrayElement === "-") {
        res.push(".000")
      }
    }
  }
  return res
}

var result = formatter(statsArray);
console.log(result)

Answer 3

Answer №2

Give this a shot:

let dataPoints = [12.2, 0.2867, 0.833, 1.576, 0.19, 0.688, 0.22, 0.572, .167, 0.643, 0.921, "-", "-", 0.222, 1.466789, 0.1, 0.714, 1.115];

dataPoints = dataPoints.map(function(num){
    num = Number(num).toFixed(3);

    if(num === 'NaN') return '.000';

    return num[0] === '0'? num.slice(0) : num;
});
console.log(dataPoints);

Check out the live codepen here: http://codepen.io/someuser/pen/example123

Answer 4

Give this a shot:

let dataPoints = [12.2, 0.2867, 0.833, 1.576, 0.19, 0.688, 0.22, 0.572, .167, 0.643, 0.921, "-", "-", 0.222, 1.466789, 0.1, 0.714, 1.115];

dataPoints = dataPoints.map(function(num){
    num = Number(num).toFixed(3);

    if(num === 'NaN') return '.000';

    return num[0] === '0'? num.slice(0) : num;
});
console.log(dataPoints);

Check out the live codepen here: http://codepen.io/someuser/pen/example123

Formatting Integer Arrays with JavaScript

Answer №1

Answer №2

Similar questions

What is the method used for defining an element within an array in JavaScript?

Is there a way to adjust this validation logic so that it permits the entry of both regular characters and certain special characters?

Please provide links to both the image and text within a Rails 3.1 application

The Promise resolved with an undefined value

I am encountering a challenge retrieving the ID via AJAX from the view to the controller. However, the ID is successfully displaying in the alert

Python itertools module causing time limit to be exceeded in 3sum implementation

Troubleshooting: jQuery unable to locate element within iframe

Is there a way to choose multiple dropdown items that share the same header?

I need a layout similar to the navbar on http://thecoloradan.com/ but I am not asking for instructions on how to do it

What are the methods to transmit various data formats in an AJAX POST request?

`The select list is not responding to the change event being triggered`

Tips for troubleshooting JavaScript tests in Node.js using breakpoints with Selenium WebDriver?

Transform the features of a website into a sleek iOS application using Swift

Using Node.js to dissect a nested JSON array into individual JSON objects

Encountering a hitch while attempting to integrate a framework in Angular JS 1

Retrieving data from the database without the need to reload the page

What methods can be used to search within one array in order to filter another array contained in a list?

What strategies can I implement to prevent security alerts in Internet Explorer 8 when accessing Google Maps via a secure connection

Is it possible to customize the mounting element of NextJS or apply additional classes to the __next div?

Running a Node.js script on an Express.js server using an HTML button