JavaScript làm tròn đến 2 phương pháp vị trí thập phân: Hướng dẫn cơ bản – làm tròn số đến hai chữ số thập phân javascript

Các tùy chọn làm tròn đến 2 chữ số thập phân của JavaScript bị hạn chế. Ngay cả những phương pháp có sẵn sẽ không mang lại cho bạn kết quả đáng tin cậy, nhưng chúng tôi sẽ làm được. Bấm vào đây để xem nhiều hơn.

Bạn đang xem : làm tròn số đến hai chữ số thập phân javascript

Số và chữ số thập phân trong javascript Chức năng làm tròn đến 2 thập phân của JavaScript hơi phức tạp. Vì vậy, khả năng cao là bạn không đạt được kết quả mong muốn nếu không sử dụng đúng phương pháp. Bài viết này hướng dẫn bạn cách làm tròn đến 2 chữ số thập phân trong JavaScript bằng cách sử dụng các hàm phù hợp.

Hãy tiếp tục đọc và không bao giờ mắc bất kỳ lỗi nào khi cố gắng điều hướng qua làm tròn đến 2 số thập phân .

Số và Vị trí thập phân trong JavaScript

Trong JavaScript, bạn có thể viết một số có hoặc không có chữ số thập phân . Đây là hai loại số chính trong JavaScript. Ví dụ:

< / p>

cho x = 4,14; // Một số có số thập phân
cho y = 4; // Một số không có số thập phân

Trong khi sử dụng JavaScript, bạn sẽ thường gặp các chữ số thập phân, đặc biệt là trong các trường hợp bạn cần một con số chính xác nhiều hơn một con số nguyên có thể cung cấp. Ví dụ: khi xử lý tiền, độ dài và trọng lượng, bạn sẽ thường sử dụng số thập phân .

Điều đó có nghĩa là bạn sẽ cần phải định dạng các số để phù hợp với một định dạng cụ thể . Điều này có thể được lừa dối một cách khó khăn. Ví dụ: nếu bạn đang giao dịch tiền, cách rõ ràng để định dạng tiền tệ hiển thị là sử dụng một số nguyên theo sau là hai chữ số thập phân. Bạn có thể sử dụng làm tròn số để thay đổi dấu thập phân (phép nhân) hoặc làm tròn số sau đó thay đổi vị trí thập phân trở lại (phép chia).

Cách nào là đúng?

Trong JavaScript, việc làm tròn số thập phân giờ đây trở nên dễ dàng và chính xác vì thư viện JavaScript có các phương pháp để định dạng số thành các vị trí thập phân mong muốn một cách dễ dàng.

Cách làm tròn thành 2 vị trí thập phân JavaScript: Sáu phương pháp cần xem xét

Trong JavaScript số làm tròn thành 2 số thập phân khi bạn cần các giá trị chính xác. Dưới đây là một số phương pháp tiêu chuẩn mà bạn có thể sử dụng:

– Sử dụng phương thức toFixed ()

Hàm toFixed () chuyển đổi một số thành một chuỗi và làm tròn số đó thành một số thập phân được chỉ định. Thông thường, trong khi sử dụng phương pháp này, bạn có thể áp dụng nó cho một số và chuyển số của các chữ số sau dấu thập phân làm đối số. Nếu số phần thập phân được chỉ định cao hơn số thực, các số không sẽ được thêm vào để tạo độ dài phần thập phân mong muốn.

– Cú pháp

toFixed (chữ số)

Do đó, nếu bạn muốn làm tròn một số đến hai chữ số thập phân, hãy đặt “2” thay cho “chữ số” trong hàm trên.

Hơn nữa, cú pháp có một tham số tùy chọn, đại diện cho số chữ số sau dấu thập phân. Lý tưởng nhất, con số có thể là bất kỳ giá trị nào từ 0 đến 20 , nhưng trong trường hợp của chúng ta, con số là hai.

– Ví dụ về mã 1

Giả sử, bạn có số 6.249857; để làm tròn thành 2 chữ số thập phân trong JavaScript bằng cách sử dụng toFixed () sẽ như sau:

cho num = 6.249857;
let n = num.toFixed (2);

Đầu ra

6,25

– Ví dụ về mã 2

Nếu số số thập phân nhiều hơn số thực, chẳng hạn như 6.2, sẽ có thêm số không:

cho num = 6,2;
let n = num.toFixed (2);

Đầu ra

6,20

– Giá trị sàn của phương pháp toFixed ()

Phương thức toFixed () làm tròn thành giá trị sàn hoặc trần gần nhất dựa trên các chữ số cuối cùng. Hơn nữa, nó nhận giá trị trần khi lớn hơn năm . Nếu không, nó sẽ có giá trị làm sàn.

Xem Thêm  TẠO BẢNG (Transact-SQL) - Máy chủ SQL - tạo một bảng sql

Tuy nhiên, phương pháp này có thể không mang lại kết quả chính xác. Ví dụ, trong đoạn mã trên, giá trị trả về sau khi đánh giá 6.2 là 6,20. Tương tự, nếu bạn có một số như 6,005, nó sẽ trả về 6,00 chứ không phải 6,01.

Một lần nữa, hãy xem ví dụ này:

cho num = 1.555;
let n = num.toFixed (2); // trả về 1.55 thay vì 1.56

Điều này có thể là do 1.555 giống như một phao 1.55499994 đằng sau hậu trường.

– Sử dụng phương pháp Math.round ()

Phương thức Math.round () cho phép bạn làm tròn một số thành số nguyên gần nhất . Đầu vào là số yêu cầu làm tròn số.

– Cú pháp

Math.round (x)

– Ví dụ về mã

Giả sử bạn muốn làm tròn số bất kỳ bằng phương thức math.round () ; trước tiên bạn sẽ cần nhân giá trị đầu vào với 10 ^ chữ số thập phân. Trong trường hợp này, số thập phân là “2”. Sau đó, bạn nên chia kết quả cho 10 ^ chữ số thập phân. Điều này làm tròn giá trị thành 2 chữ số thập phân.

Giả sử bạn có giá trị 2,14441524; đây là cách thực hiện phương pháp làm tròn JavaScript đến 2 chữ số thập phân sử dụng Math.round () :

Math.round (2.14441524 * (10 ^ 2)) / (10 ^ 2). Đoạn mã sẽ là:
Math.round (2.14441524 * 100) / 100 // Trả về 2.14

– Tạo một chức năng tùy chỉnh để làm tròn thành bất kỳ chữ số nào

Bạn có thể tạo một hàm tùy chỉnh để làm tròn thành bất kỳ chữ số nào :

let roundOff = (num, place) = & gt; {
const x = Math.pow (num, địa điểm);
trả về Math.round (num * x) / x;
}

Để làm tròn thành 2 chữ số thập phân :

console.log (roundOff (2.14441524, 2));

Đầu ra

2,14

Mặc dù Math.round () tốt hơn toFixed () , nó cũng không làm tròn các giá trị như 1.005 một cách chính xác.

– Sử dụng Double Rounding: Phương pháp toPre precision ()

Phương pháp này sử dụng phương thức JavaScript number toPre precision (). Phương pháp này định dạng một số thành một độ dài xác định. Nếu số thập phân không được cung cấp, hãy thêm chúng vào để có độ dài được chỉ định . Lợi ích của phương pháp này là loại bỏ các lỗi được đưa ra trong quá trình tính toán trung gian bằng cách làm tròn một lần.

– Cú pháp

number.toPre precision ([importantDigits]);

Tham số là số chữ số bạn muốn cú pháp hiển thị. Nếu tham số không có, hàm toPre precision () sẽ chuyển đổi số thành một chuỗi , như vậy. Lý tưởng nhất là phương thức toPre precision () sẽ chuyển đổi một số theo độ chính xác cần thiết và trả về giá trị dưới dạng một chuỗi.

– Kết quả có thể có

Ba điều có thể xảy ra khi sử dụng phương thức toPre precision () tùy thuộc vào tình trạng hiện tại:

  • Làm tròn giá trị kết quả
  • Chèn giá trị kết quả bằng các số không nếu cần nhiều chữ số hơn những gì được cung cấp
  • Giá trị của các số ban đầu không thay đổi

Ngoài ra, cần lưu ý rằng phương pháp này có thể xử lý cả số ký hiệu điểm cố định và số ký hiệu hàm mũ .

– Các ví dụ về mã khác nhau

Xem các ví dụ mã bên dưới để hiểu thêm cách hoạt động của hàm toPre precision () :

var numObj = 5.2372852;
console.log (numObj.toPre precision ()); // Trả về 5.2372852
console.log (numObj.toPre precision (2)); // Trả về 5.2
console.log (numObj.toPre precision (3)); // Trả về 5.24
console.log (numObj.toPre precision (4)); // Trả về 5.237

– Sử dụng toPrech to JavaScript Làm tròn đến 2 chữ số thập phân

Bây giờ, nếu bạn muốn làm tròn đến hai chữ số thập phân , điều đó có nghĩa là kết quả từ đánh giá phải có ba số có nghĩa. Có nghĩa là, đầu ra phải có một số nguyên duy nhất và hai chữ số thập phân. Do đó, giá trị quan tâm là ba (3).

Xem Thêm  Làm cho bảng có thể cuộn được trong CSS - làm cho bảng có thể cuộn theo chiều ngang css

Mã của bạn phải là:

var numObj = 5.2372852;
console.log (numObj.toPre precision (3)); // Trả về 5.24

Như bạn có thể thấy, nó trả về 5,24, do đó kết quả này đã được làm tròn.

– Chỉ định một ký hiệu lũy thừa trong phương thức toPre precision ()

Phương thức toPre precision () có thể đánh giá các số được viết bằng ký hiệu hàm mũ dưới dạng một trường hợp cụ thể. Nếu bạn muốn những con số này ở 2 chữ số thập phân, hãy xem ví dụ mã bên dưới:

hãy để numObj = 1,236789e + 5;
console.log (numObj.toPre precision (3)); // Trả về 1,24e + 5

Kết quả được làm tròn.

– Chèn các vị trí thập phân

Nếu các số liệu quan trọng được cung cấp là không đủ, phương thức toPre precision () sẽ chèn kết quả bằng các số không trong số ban đầu . Hãy xem ví dụ mã bên dưới để biết thêm thông tin chi tiết:

hãy để numObj = 123,4
console.log (numObj.toPre precision (5)); // Trả về 123,40

Trong ví dụ này, nhật ký bảng điều khiển trả về giá trị chuỗi, 123.40. Đây chỉ đơn giản là số 123,4 được đệm chính xác đến năm với số không.

– Sử dụng chức năng tùy chỉnh: Phương pháp chính xác nhất cho đến nay

Với tùy chỉnh, bạn có thể sử dụng JavaScript để làm tròn chính xác đến 2 chữ số thập phân. Mã tùy chỉnh bên dưới giải quyết tất cả các vấn đề phát sinh từ việc làm tròn số 1,005. Lý tưởng nhất là nó giải quyết tất cả các trường hợp góc có thể cản trở độ chính xác, vì vậy, hãy kiểm tra và sử dụng nó để xem nó có phù hợp với nhu cầu của bạn không:

function roundToTwo (num) {
return + (Math.round (num + “e + 2”) + “e-2”);
}
console.log (roundToTwo (2.005));

Giới hạn JavaScript Vị trí thập phân: Cách tốt nhất để tránh vấn đề với phép tính

Giờ đây, việc sử dụng JavaScript cắt bớt số thập phân thành 2 chữ số thật dễ dàng nhờ các phương pháp được minh họa ở trên. Tuy nhiên, phép toán JavaScript có thể rất phức tạp, đặc biệt là đối với người mới.

Giả sử bạn có 600,90 đô la cho một đôi giày và bạn muốn kiểm tra xem mình có bao nhiêu tiền trước khi mua chúng. Đoạn mã dưới đây phác thảo ví dụ này:

var yourMoney = 600.90;
var shoePrice = 200.30;
var yourTotal = bloodWinePrice * 3;
// Kết quả đầu ra: false
console.log (yourMoney & gt; = yourTotal);
// Kết quả đầu ra: 600.9000000000001
console.log (lofsTotal);

Khi bạn chỉ cần kiểm tra xem mình có đủ tiền hay không, nó không thành công vì tổng số tiền không chính xác là 600,90 đô la. Tất cả các số trong JavaScript là IEEE 754 số dấu phẩy động và mã hóa của chúng là nhị phân. Do đó, một số số thập phân không thể được biểu diễn với độ chính xác hoàn hảo.

Điều này tương tự như phân số 1/3, không thể được biểu diễn chính xác. Do đó, sau khi đạt đến giới hạn bộ nhớ, bạn cần phải làm tròn chữ số cuối cùng lên hoặc xuống .

Điều hợp lý nhất cần làm là làm tròn đến chữ số thập phân thứ hai . Tuy nhiên, các hàm làm tròn có sẵn trong JavaScript luôn làm tròn đến số nguyên gần nhất.

Cách dễ nhất là sử dụng phương pháp sửa lỗi , phương pháp này sẽ cho kết quả chính xác bằng cách so sánh các chuỗi được định dạng thay vì các số thực.

Do đó, mã bên dưới sẽ hoạt động tốt:

// Kết quả đầu ra: true
console.log (yourMoney.toFixed (2) & gt; = yourTotal.toFixed (2));

Tuy nhiên, nếu bạn thực hiện các phép tính tiền tệ bằng JavaScript, bạn có thể cân nhắc đổi tất cả số tiền thành xu để tránh logic dấu phẩy động và các vấn đề về số học.

Kết luận

Trong bài đăng này, chúng tôi đã đề cập đến:

  • Cách sử dụng Math.round (), toFixed () và toPre precision để cắt bớt các vị trí số thập phân thành 2 trong JavaScript
  • Cách sử dụng bằng cách sử dụng chức năng tùy chỉnh
  • Cách điền vào các chữ số thập phân khi số liệu được cung cấp không đủ
  • Math.round () cải thiện những điểm yếu của toFixed (), nhưng nó cũng có những điểm yếu
  • Phương thức toPre precision () loại bỏ các lỗi làm tròn dấu phẩy động bắt nguồn từ các phép tính trung gian trong làm tròn đơn.
Xem Thêm  Thanh điều hướng ngang CSS - liệt kê các mục theo chiều ngang css

Javascript làm tròn đến chữ số thập phân Nếu bạn quan tâm đến JavaScript vòng thập phân sử dụng bất kỳ phương pháp nào được đề cập ở trên chắc chắn sẽ giúp ích cho bạn. Áp dụng chúng cho các khối mã của bạn và bạn được đảm bảo sẽ có kết quả thành công.

5/5 – (16 phiếu bầu)


Xem thêm những thông tin liên quan đến chủ đề làm tròn số đến hai chữ số thập phân javascript

Javascript: 06-02 Built-in object: Number

alt

  • Tác giả: Easy Frontend
  • Ngày đăng: 2021-11-28
  • Đánh giá: 4 ⭐ ( 5987 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Video này là một phần trong khoá học Javascript của mình trên Udemy.
    Đăng ký để xem full tại đây: http://course.ezfrontend.com/javascript
    ———
    js
    javascript
    javascript_tutorial
    ———
    VIDEO CHAPTERS:
    Made by: YOUR_NAME_WILL_BE_HERE
    Cảm ơn bạn nhiều nhé! ❤️
    ———
    Easy Frontend – Code xịn hơn mỗi ngày
    🔥 Khoá học Javascript: https://course.ezfrontend.com/javascript
    🎁 Khoá học ReactJS: https://course.ezfrontend.com/reactjs
    🎯 Fan cứng Easy Frontend: https://www.youtube.com/channel/UCG2ovypNCpVOTFeY1YCocmQ/join
    ———
    💰 Ủng hộ mình làm videos thì đóng góp qua MoMo/ZaloPay: 0901 309 729 nhé
    ———
    Kết nối với mình:
    – ✅ Follow facebook: https://www.facebook.com/nvhauesmn/
    – 🎉 Fan page: https://www.facebook.com/learn.easyfrontend
    – ❓ Group: https://www.facebook.com/groups/easyfrontend
    – 💻 Github: https://github.com/paulnguyen-mn
    – 💼 LinkedIn: https://www.linkedin.com/in/haunguyenmn/

Làm tròn số thập phân với javascript

  • Tác giả: gist.github.com
  • Đánh giá: 5 ⭐ ( 3706 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Làm tròn số thập phân với javascript. GitHub Gist: instantly share code, notes, and snippets.

[Tự học Javascript] Kiểu số(Numbers) trong Javascript

  • Tác giả: cafedev.vn
  • Đánh giá: 4 ⭐ ( 1004 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong JavaScript hiện đại, có hai loại số:Các số thông thường trong JavaScript được lưu trữ ở định dạng 64 bit IEEE-754 , còn được gọi là các số dấu phẩy động chính xác kép. Đây là những con số chúng ta đang sử dụng hầu hết thời gian và chúng ta sẽ nói về chúng trong chương này

Cách để Làm tròn Số

  • Tác giả: www.wikihow.vn
  • Đánh giá: 5 ⭐ ( 9897 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách để Làm tròn Số. Làm tròn giúp các con số trông ngắn gọn hơn. Mặc dù các số được làm tròn ít chính xác hơn so với số ban đầu nhưng trong nhiều hoàn cảnh chúng ta bắt buộc phải làm tròn. Tùy vào tình huống, bạn có thể cần phải làm tròn…

Số và các hàm xử lý số trong javascript

  • Tác giả: toidicode.com
  • Đánh giá: 4 ⭐ ( 3732 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ở bài trước chúng ta đã được tìm hiểu về chuỗi và các hàm xử lý chuỗi trong javascript rồi. Bài này chúng ta sẽ tiếp tục tìm hiểu về một thứ cũng không thể thiếu trong các trang web, đó là các con số và các hàm xử lý số trong javascript.

Làm tròn số thập phân trong Java – Rút gọn và hiển thị n số sau dấu phẩy

  • Tác giả: tailieu.pro
  • Đánh giá: 5 ⭐ ( 4515 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Làm tròn số thập phân trong java, hiển thị lấy 2 số sau dấu phẩy. Cách rút gọn số thực đến phần thập phân thứ n dùng hàm math.round và math.ceil java.

Cách định dạng một số thành một số vị trí thập phân cụ thể trong JavaScript

  • Tác giả: helpex.vn
  • Đánh giá: 5 ⭐ ( 7697 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn này, chúng ta sẽ tìm hiểu về định dạng một số thành các vị trí thập phân cụ thể trong JavaScript bằng toFixed() phương pháp này. Hãy xem xét rằng chúng ta có một số như thế…

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình