Extracting decimal numbers from JSON data

Question

Extracting decimal numbers from JSON data

I am currently facing an issue in my Angular project where I am attempting to read a JSON file. This file is stored in the assets folder and contains decimal values such as:

{
  "valueA": 0.40000000000002,
  "valueB": 23.99999999999999995
}

The problem arises when I import the file and the values are rounded to:

{
  "ValueA": 0.4
  "ValueB": 25
}

Is there a way to retrieve the JSON with the exact decimal digits from the source? Alternatively, is it possible to convert them into strings? Unfortunately, modifying the source to split the numbers at the dot or save them as strings is not an option for me. Although I could potentially edit it during the data seeding pipeline process, this approach seems messy.

Currently, my JSON file is imported and utilized in the following manner:

import MyJson from 'src/assets/MyJson.json'

export class MyService {
  private myJson = Object.assign(MyJson);

  public getFieldsIWant() {
    return this.myJson.theFields.iWant;
  }
}

It seems that the issue lies within the first line of import {.... When I print the imported file, the decimal places have already been "converted". Is there an alternative method to import JSON files in TypeScript to avoid this issue (I have already attempted importing via httpClient with the same outcome)?

json angular typescript

Answer 1

Answer №1

If you need a good alternative to JSON.parse, consider using libraries such as https://github.com/josdejong/lossless-json

const fs = require('fs');
const LosslessJSON = require('lossless-json');

const fileContents = fs.readFileSync('./data.json', 'utf8');

let json = LosslessJSON.parse(fileContents);

Answer 2

If you need a good alternative to JSON.parse, consider using libraries such as https://github.com/josdejong/lossless-json

const fs = require('fs');
const LosslessJSON = require('lossless-json');

const fileContents = fs.readFileSync('./data.json', 'utf8');

let json = LosslessJSON.parse(fileContents);

Extracting decimal numbers from JSON data

Answer №1

Similar questions

Tips on implementing JSON data into select2 plugin

A step-by-step guide for updating a minor version of Angular with Angular CLI

"Creating a Typescript array by extracting items from a different const array (as seen in the official beginner tutorial

Employing [style.something.px]="2" in Angular to specify the thickness of the border

Add an image to a directory with Angular 7

Implementing an automatic logout feature based on the expiration timestamp of a JWT token

Utilizing Dynamically Bound Properties for Angular Directive Inputs

Updating an object property within an array in Angular Typescript does not reflect changes in the view

Tips for resolving the error message "Uncaught (in promise) bad-precaching-response" in service workers when using Angular

Encountering challenges with periods in URL when utilizing a spring boot application alongside Angular in a live environment

Validation scheme for the <speak> element

Troublesome problem encountered when sending a JSON object to a C# method, specifically when the method requires a collection as a parameter and is being handled

What are the limitations of using a JS file within an Angular application?

Is there a way to transform a local array into remote JSON data?

"Unindexing data in Angular: A step-by-step guide

The configuration file for Typescript and Typeorm, specifically the .ts file, is encountering an error

Utilizing nested endpoints in Angular resource with a Node.js server

"Upon subscribing, the array within the object is found to be

Transform JSON-serialized string with HTML entities into an object

Splitting Angular Components with Angular as-split