Vue.js - when it comes to rounding off digits, I keep getting unexpected results

Question

Vue.js - when it comes to rounding off digits, I keep getting unexpected results

Currently, I am in the process of calculating my totals and I need to ensure that they are fixed to 2 decimal places. Here is a snippet of my code:

this.selectedCompaniesDetails.forEach((company) => {
                            if(company.id == p.company_id)
                            {
                                if (!tot[p.company_id])
                                {   tot[p.company_id] = [] }
                                    const numberPrice = parseFloat(p.price)
                                
                                 tot[p.company_id].push(numberPrice)
                            }
                        });

However, I am facing an issue with the parseFloat(p.price) function which seems to be returning strange values. To visualize this problem better, take a look at my screenshot below. https://i.sstatic.net/doAgf.jpg

javascript vue.js

Answer 1

Answer №1

Here is an example to consider:

let number = 5.56789;
let roundedNumber = number.toFixed(2);

console.log(number);
console.log(roundedNumber);

Answer 2

Here is an example to consider:

let number = 5.56789;
let roundedNumber = number.toFixed(2);

console.log(number);
console.log(roundedNumber);

Answer 3

Answer №2

For rounding a number to two decimal places, you can use the following code snippet:

function roundToTwo(num) {
   return +(Math.round(num + "e+2")  + "e-2");
}

let number = 139.605;
let round = roundToTwo(number)
var f = number .toFixed(2);

console.log('original', number);
console.log('expected', 139.61);
console.log('(Correct)round', round);
console.log('(Wrong)toFixed', f);

Answer 4

For rounding a number to two decimal places, you can use the following code snippet:

function roundToTwo(num) {
   return +(Math.round(num + "e+2")  + "e-2");
}

let number = 139.605;
let round = roundToTwo(number)
var f = number .toFixed(2);

console.log('original', number);
console.log('expected', 139.61);
console.log('(Correct)round', round);
console.log('(Wrong)toFixed', f);

Vue.js - when it comes to rounding off digits, I keep getting unexpected results

Answer №1

Answer №2

Similar questions

I receive an [object HTMLCollection] as the output

Having trouble with Mongoose's findOne method not functioning as expected

Guide to extracting information from a text file, modifying the content, and then adding it to an HTML document

Effortlessly showcase JSON data in an HTML owl carousel

Harness the power of Highcharts through an Ajax request to retrieve a JSON file

I'm having trouble with my useState in React/NEXTjs because it's not adding onto the result of a socket.io event from the server, it's simply

Is it expected to conceal children who are 2 years old?

Customizing the Header Navigation in Vue App.vue Across Various Views

Newbie's Guide - Building React/React-Bootstrap JavaScript Components Post Linking CDNs in index.html

Enhancing Angular 4 classes with dependency injection techniques

Preserve the ajax controls while uploading files

How can I dynamically pass a background:url using JavaScript to CSS?

Divide a JSON dataset into two distinct JSON files and incorporate them within the code

A solution for accessing computed properties within a v-for loop

I am facing an issue where my Vue root file/component is not appearing in my Laravel project

How to use jQuery to select an element by using 'this' on a button

React: The peculiar contradiction of useEffect with eventHandler props

Transferring variables from EJS to JavaScript on render (server to client) securely to prevent cross-site scripting vulnerabilities

showing the values stored in local storage

Vue-router: I prefer to selectively choose routes for generating a dynamic loop of <router-link> components