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.

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

When browserify is utilized, the error "function is not defined" may show up as an Un

The Angular JSONP feature is malfunctioning

Loop through the tabs in a for loop until reaching the specified length

Activate the initial tab in JQuery UI accordion upon initialization

Why won't the CSS update in Next.js when the local state variable changes on page load?

Is there a way to undo the click event in Javascript?

Froala text area is unexpectedly visible when I attempt to cover it with a partially see-through mask

Using a custom TypeScript wrapper for Next.js GetServerSideProps

Unreliable Response from JEditable

AngularJS mobile navigation menu toggle not functioning properly with the close feature

What is the best way to input individual students' CA and exam scores into distinct fields and then calculate their total scores in a separate text field?

Following the ajax request, the subsequent code was unable to be executed as it awaited the JSON response

Problem with Gulp-Watch Functionality on Windows 7 - Node.js, NPM, and Gulp All Up and Running Fine

Create an object using a combination of different promises

Missing information in input field using JQUERY

Error: Node-Sass - Unable to download win32-x64-57_binding.node

Tips for creating a Nuxt.js server-side rendering (SSR) setup with partially static pre-rendered

When attempting to send a POST request to /api/users/login, the system returned an error stating that "

Adjustable value range slider in HTML5 with ng-repeat directive in AngularJs

Step-by-step guide to selecting a specific point on an HTML5 canvas using Python's selenium webdriver