How to round a decimal value within an object using Javascript

Question

How to round a decimal value within an object using Javascript

I am a beginner in JavaScript and am encountering an issue with rounding decimal numbers. I have an object with multiple key value pairs where the values can be strings, numbers, or null. My goal is to target the number key value pairs and round the number values to 2 decimal places. For example, if the value is 1.798, I want to round it to 1.80. Since I don't know how many key value pairs will be in my object, I just want to focus on the number values and update them.

I attempted using a forEach loop but later realized it works only on arrays.

var obj = {
    name: 'abc',
    term1: 0,
    term2: 1.798,
    term3: 1.9999,
    term4: 0,
    term5: null,
    term6: 'xyz'
};


// Expected output

var obj = {
    name: 'abc',
    term1: 0,
    term2: 1.80,
    term3: 2.00,
    term4: 0,
    term5: null,
    term6: 'xyz'
};

javascript angular typescript

Answer 1

Answer №1

Utilize the typeof function to distinguish numbers and use .toFixed(n) method to round to n decimal places (ensuring trailing 0s are not lost when returned as a string).

let data = {
    title: 'example',
    value1: 2,
    value2: 3.14159,
    value3: 5.6789,
    value4: 0,
    value5: null,
    value6: 'testing',
};
for(key in data){
    if(typeof data[key] === 'number'){
        data[key] = data[key].toFixed(2);
    }
}
console.log(data); // Object { title: "example", value1: "2.00", value2: "3.14", value3: "5.68", value4: "0.00", value5: null, value6: "testing" }

Answer 2

Utilize the typeof function to distinguish numbers and use .toFixed(n) method to round to n decimal places (ensuring trailing 0s are not lost when returned as a string).

let data = {
    title: 'example',
    value1: 2,
    value2: 3.14159,
    value3: 5.6789,
    value4: 0,
    value5: null,
    value6: 'testing',
};
for(key in data){
    if(typeof data[key] === 'number'){
        data[key] = data[key].toFixed(2);
    }
}
console.log(data); // Object { title: "example", value1: "2.00", value2: "3.14", value3: "5.68", value4: "0.00", value5: null, value6: "testing" }

Answer 3

Answer №2

It's important to note that trailing zeros are not considered significant digits in numbers. To maintain the zeros, you can convert the number into a string.

var obj = {
    name: 'abc',
    term1: 0,
    term2: 1.798,
    term3: 1.9999,
    term4: 0,
    term5: null,
    term6: 'xyz'
};

Object.entries(obj).forEach(([key, value]) => {
  if(typeof value === 'number') {
    // obj[key] = value.toFixed(2) // 1.9999 -> "2.00"
    obj[key] = +value.toFixed(2) // 1.9999 -> 2
  }
})

console.log(obj)

Answer 4

It's important to note that trailing zeros are not considered significant digits in numbers. To maintain the zeros, you can convert the number into a string.

var obj = {
    name: 'abc',
    term1: 0,
    term2: 1.798,
    term3: 1.9999,
    term4: 0,
    term5: null,
    term6: 'xyz'
};

Object.entries(obj).forEach(([key, value]) => {
  if(typeof value === 'number') {
    // obj[key] = value.toFixed(2) // 1.9999 -> "2.00"
    obj[key] = +value.toFixed(2) // 1.9999 -> 2
  }
})

console.log(obj)

Answer 5

Answer №3

To iterate through the keys and make decisions, you can utilize the Object.keys(obj) method. Below is a functional solution tailored to address your issue:

var obj = {

name: 'abc', term1: 0, term2: 1.798, term3: 1.9999, term4: 0, term5: null, term6: 'xyz'

};

for(var key of Object.keys(obj)) {
    if(typeof obj[key] === 'number' && obj[key] !== 0) {
    obj[key] = (Math.round(obj[key] * 100)) / 100;
  }
}

You can test this code in action using this JSFiddle link: https://jsfiddle.net/x4otdeca/

Answer 6

To iterate through the keys and make decisions, you can utilize the Object.keys(obj) method. Below is a functional solution tailored to address your issue:

var obj = {

name: 'abc', term1: 0, term2: 1.798, term3: 1.9999, term4: 0, term5: null, term6: 'xyz'

};

for(var key of Object.keys(obj)) {
    if(typeof obj[key] === 'number' && obj[key] !== 0) {
    obj[key] = (Math.round(obj[key] * 100)) / 100;
  }
}

You can test this code in action using this JSFiddle link: https://jsfiddle.net/x4otdeca/

Answer 7

Answer №4

In order to achieve the desired outcome, utilize a for loop to iterate through the object.

Use a for-in loop to iterate through the object

Check if each value is null or a string, then use the toFixed(2) method to round decimal values

var obj = {
  name: 'abc', 
  term1: 0, 
  term2: 1.798, 
  term3: 1.9999, 
  term4: 0, 
  term5: null, 
  term6: 'xyz'
};

for( let key in obj){
   obj[key] = !obj[key] || isNaN(obj[key])? obj[key] : obj[key].toFixed(2)
}

console.log(obj)

Find this code on CodePen - https://codepen.io/nagasai/pen/dybNwEW?editors=1010

Answer 8

In order to achieve the desired outcome, utilize a for loop to iterate through the object.

Use a for-in loop to iterate through the object

Check if each value is null or a string, then use the toFixed(2) method to round decimal values

var obj = {
  name: 'abc', 
  term1: 0, 
  term2: 1.798, 
  term3: 1.9999, 
  term4: 0, 
  term5: null, 
  term6: 'xyz'
};

for( let key in obj){
   obj[key] = !obj[key] || isNaN(obj[key])? obj[key] : obj[key].toFixed(2)
}

console.log(obj)

Find this code on CodePen - https://codepen.io/nagasai/pen/dybNwEW?editors=1010

How to round a decimal value within an object using Javascript

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Performing a Jquery ajax request within a success callback

Avoiding multiple ajax requests due to multiple clicks

How to populate a database with Facebook data by utilizing AJAX post and PHP

Is there a way to determine what is affecting the properties of an element?

Is there a way to execute a script during every npm install process?

Navigate to a fresh HTML page upon form submission

Error message: The variable THREE has not been defined in a Rails Project utilizing the threejs-rails gem

How can the Singleton pattern be properly implemented in Typescript/ES6?

Turn off Babel's strict mode when transpiling JavaScript files

Collaborate on sharing CSS and TypeScript code between multiple projects to

An issue encountered when utilizing the express routes method within a NodeJS application

Angular: directive modifying the value of a form control

Instructions for developing a tailored database solution State Storage Adapter for the Microsoft Bot Framework

JS issue: Having trouble accessing the array values despite the array being present

Instead of loading the HTML into the div, Ajax is now sending me the link instead

Troubleshooting Angular Virtual Scrolling and Browser Animation Render Glitch

The tooltip function seems to be disabled when I import Bootstrap using npm

Unexpectedly, Visual Studio Code extensions have ceased to function

What is the best way to adjust the equal right padding or margin in the header for both IOS and Android using React Navigation options?

When converting an abstract syntax tree into a React component, the Cyrillic characters are transformed into Unicode escape sequences