Converting JSON arrays to integers from strings in JavaScript: A step-by-step guide

Question

Converting JSON arrays to integers from strings in JavaScript: A step-by-step guide

When my application receives a Json string from the server (written in Java), I am faced with an issue when retrieving the data in JavaScript. The current format of the data looks like this:

var data = [{"value":"3","label": "17 hr"},
 {"value":"2", "label":"18 hr"},
 {"value":"1", "label":"19 hr"}]
 }]

What I actually need is:

var data = [{"value": 3, "label": "17 hr"},
 {"value": 2, "label": "18 hr"},
 {"value": 1, "label": "19 hr"}]
 }]

The problem lies in the fact that the values are retrieved as strings instead of integers. How can I modify the retrieval process to get them as integers? What would be the most efficient way to achieve this?

javascript java json

Answer 1

Answer №1

const info =  [{"value":"3","label":"17 hr"},
 {"value":"2","label":"18 hr"},
 {"value":"1","label":"19 hr"}]

// Keep original data intact by creating a new parsedData array
const parsedInfo = info.map(function(entry) {
  return {
    value: parseInt(entry.value, 10),
    label: entry.label
  };
});

// Mutate the original data if changes are acceptable
info.forEach(function(entry) {
  entry.value = parseInt(entry.value, 10)
});

Answer 2

const info =  [{"value":"3","label":"17 hr"},
 {"value":"2","label":"18 hr"},
 {"value":"1","label":"19 hr"}]

// Keep original data intact by creating a new parsedData array
const parsedInfo = info.map(function(entry) {
  return {
    value: parseInt(entry.value, 10),
    label: entry.label
  };
});

// Mutate the original data if changes are acceptable
info.forEach(function(entry) {
  entry.value = parseInt(entry.value, 10)
});

Converting JSON arrays to integers from strings in JavaScript: A step-by-step guide

Answer №1

Similar questions

Having issues with json_encode not functioning correctly?

Trouble arises when trying to insert a script tag into a live code editor using HTML

Understand which form has been submitted

Discovering package utilities with npm commands

Karma testing shows quick results, but in reality, the performance is sluggish

Ensuring the safety of PHP JSON output results on a web server

What is the best way to extract the body content from a Markdown file that includes Frontmatter

Ways to properly release file descriptors in write streams

Material-UI: Avoid onClick event firing when clicking on an element that is overlapped by another in a sticky Table

Tips for displaying a React component with ReactDOM Render

Implementing ExpressJS with MongoDB on a MERN Development Stack

Struggling to accurately convert the string into a date object

The wrapAll() method can be used to wrap list items within two columns

Encountering the "potential null object" TypeScript issue when utilizing template ref data in Vue

Using scale transformations to animate SVG group elements

"The Material-UI ListItem component acts as a link, updating the URL but failing to render the expected

Utilize Jade to showcase information within an input field

What is the best approach for managing JSON data and efficiently storing it for later retrieval?

Convert the button element to an image

Displaying nested data on an Angular 8 table