Hiển thị số dưới dạng tiền tệ trong JavaScript

JavaScript cung cấp một số tùy chọn - từ đơn giản đến phức tạp - cho phép bạn định dạng và hiển thị số dưới dạng tiền tệ. Bất kể bạn sử dụng loại nào, tuy nhiên, quá trình này không đơn giản như lần đầu tiên xuất hiện. Cú pháp JavaScript có các quy tắc nghiêm ngặt để thêm các ký hiệu tiền tệ, đúng số vị trí thập phân và để đặt dấu thập phân chính xác. Hiểu tùy chọn nào là phù hợp nhất và cách sử dụng tùy chọn để hiển thị tiền tệ một cách chính xác có thể tăng tốc quá trình chuyển đổi và giúp chương trình của bạn chạy mượt hơn.

Số.ToFixed ()

Cách đơn giản nhất trong tất cả các cách để hiển thị số dưới dạng tiền tệ là sử dụng phương thức Number.ToFixed (). Phương pháp không rườm rà này yêu cầu bạn nêu rõ số lượng vị trí thập phân bạn muốn hiển thị, cho phép bạn làm tròn hoặc đệm số vị trí thập phân nhưng không thêm ký hiệu đô la. Bắt đầu bằng một số như tiền tệ var var = 4567.7466, tiền tệ.toFixed (2) trả về giá trị 4567.74, tệ.toFixed (3) trả về giá trị 4567.747 bằng cách làm tròn và tiền tệ 4567.7466000 bằng cách đệm ba số thập phân cuối cùng bằng số không.

Số.ToPrecision ()

Phương pháp không rườm rà thứ hai cho phép bạn hiển thị số dưới dạng tiền tệ để chúng hiển thị một số chữ số cụ thể. Tuy nhiên, trong trường hợp này, phương thức xem xét toàn bộ số chứ không chỉ là vị trí thập phân của nó và luôn hiển thị tiền tệ bằng cách sử dụng số chữ số bạn chỉ định. Bắt đầu bằng một số như tiền tệ var var = 456, 78, tiền tệ.toPrecision (4) trả về giá trị 456, 8 bằng cách làm tròn và tiền tệ.toPrecision (7) trả về giá trị 456.7800 bằng cách nối hai số thập phân ở cuối số.

định dạngMoney ()

Phương thức hạch toán.formatMoney () sử dụng thư viện kế toán trong JavaScript để chuyển đổi một số thành tương đương với định dạng tiền tệ. Số bạn muốn hiển thị dưới dạng tiền tệ trở thành đối số phương thức - hoặc tham số - nằm trong dấu ngoặc đơn và nếu bạn không bao gồm thêm đối số, phương thức formatMoney () theo mặc định sẽ thêm ký hiệu đô la, độ chính xác và hai chữ số thập phân. Ví dụ, hạch toán.formatMoney (674589) sẽ hiển thị là $ 674, 589.00. Giới thiệu phương pháp để bao gồm xu bằng cách đặt tham số thành hạch toán.formatMoney (674589.5) cho số tiền hiển thị là $ 674, 589, 50.

numberToCurrency ()

JavaScript cũng cho phép bạn chuyển đổi và hiển thị số dưới dạng tiền tệ trong các thủ tục được gọi là hàm. Các hàm tương tự như các phương thức JavaScript ngoại trừ việc chúng có thể tự đứng vững và kết quả là không yêu cầu một lệnh gọi tham chiếu, chẳng hạn như hạch toán.formatMoney (). Sử dụng một hàm thay vì một phương thức đơn giản có thể đặc biệt hữu ích khi hiển thị một số vì tiền tệ không phải là hành động duy nhất bạn muốn thực hiện. Các hàm tạo một khối mã, trong đó bạn có thể, ví dụ, thực hiện các hành động như xác thực dữ liệu đầu vào trước khi bạn chuyển đổi và hiển thị số bằng ngoại tệ hoặc ngoại tệ:

hàm initizeState () {document.myForm.myInput.value = Parent.numberToCurrency (currentAmount, fCurr, ""); }