Trong hầu hết các trường hợp, bạn sẽ muốn định dạng số trong JavaScript bằng dấu phẩy, đặc biệt khi số lớn
Đọc số lớn dễ dàng hơn nhiều khi có dấu phẩy trong đó
Trong bài đăng này, chúng ta sẽ tìm hiểu cách định dạng số trong JavaScript bằng dấu phẩy
Cách tốt nhất để định dạng số trong JavaScript là sử dụng phương thức
const number = 12345.6789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 12,345.679
3. Phương thức này tồn tại trên đối tượng const number = 12345.6789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 12,345.679
4 và sẽ trả về một chuỗi có số được định dạng bằng dấu phẩyNếu bạn sống ở Hoa Kỳ, bạn có thể truyền vào phương thức một chuỗi ngôn ngữ
const number = 12345.6789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 12,345.679
5 để định dạng số bằng dấu phẩyHãy xem cách định dạng một số bằng dấu phẩy trong JavaScript
const number = 123456789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 1,234,567,890
Nó thậm chí còn hoạt động đối với các số dấu phẩy động
const number = 12345.6789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 12,345.679
Điều tuyệt vời khi sử dụng
const number = 12345.6789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 12,345.679
3 là nó sẽ hoạt động với mọi ngôn ngữ. Nếu bạn muốn định dạng một số có dấu chấm như ở Đức, bạn có thể truyền vào phương thức một chuỗi miền địa phương của const number = 12345.6789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 12,345.679
7 để định dạng số có dấu chấmĐây là một ví dụ về điều đó
const number = 123456789;
const formattedNumber = number.toLocaleString["de-DE"];
console.log[formattedNumber]; // 123.456.789
Làm thế nào là mát mẻ đó?
Trong bài đăng này, chúng tôi đã xem cách định dạng số trong JavaScript bằng dấu phẩy. Chúng tôi cũng đã xem xét cách định dạng các số có dấu chấm, chỉ bằng cách chuyển phương thức
const number = 12345.6789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 12,345.679
3 một chuỗi ngôn ngữ khác Có nhiều cách khác nhau để in một số nguyên bằng dấu phẩy dưới dạng dấu phân cách hàng nghìn trong JavaScript
Một trong những cách đơn giản nhất là sử dụng hàm
const number = 12345.6789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 12,345.679
9 với các đối số sau- biểu hiện thông thường.
const number = 123456789; const formattedNumber = number.toLocaleString["de-DE"]; console.log[formattedNumber]; // 123.456.789
- giá trị thay thế.
const number = 123456789; const formattedNumber = number.toLocaleString["de-DE"]; console.log[formattedNumber]; // 123.456.789
Biểu thức chính quy khớp với một chữ số duy nhất
const number = 123456789;
const formattedNumber = number.toLocaleString["de-DE"];
console.log[formattedNumber]; // 123.456.789
2, theo sau là bộ ba chữ số chỉ const number = 123456789;
const formattedNumber = number.toLocaleString["de-DE"];
console.log[formattedNumber]; // 123.456.789
0. Chữ số phù hợp sau đó được thay thế bằng const number = 123456789;
const formattedNumber = number.toLocaleString["de-DE"];
console.log[formattedNumber]; // 123.456.789
1. console.info[formatNumber[1240.5]] // 1,240.5
console.info[formatNumber[1000240.5]] // 1,000,240.5
1 là một mẫu thay thế đặc biệt chứa giá trị của chuỗi khớp phụ được đặt trong ngoặc đơn đầu tiên [trong trường hợp của chúng tôi, đó là chữ số được khớp]. Ký tự , [dấu phẩy] là ký tự ngăn cách của chúng ta. Chúng ta có thể sử dụng console.info[formatNumber[1240.5]] // 1,240.5
console.info[formatNumber[1000240.5]] // 1,000,240.5
2 để lấy số ở định dạng sau, e. g. , console.info[formatNumber[1240.5]] // 1,240.5
console.info[formatNumber[1000240.5]] // 1,000,240.5
3. Lưu ý rằng một số quốc gia sử dụng console.info[formatNumber[1240.5]] // 1,240.5
console.info[formatNumber[1000240.5]] // 1,000,240.5
2 [dấu chấm] làm dấu phân cách hàng nghìnVí dụ
function formatNumber[num] {
return num.toString[].replace[/[\d][?=[\d{3}]+[?!\d]]/g, '$1,']
}
console.info[formatNumber[2665]] // 2,665
console.info[formatNumber[102665]] // 102,665
console.info[formatNumber[111102665]] // 111,102,665
Phương pháp tiếp cận đó cũng hoạt động với số thập phân
console.info[formatNumber[1240.5]] // 1,240.5
console.info[formatNumber[1000240.5]] // 1,000,240.5
Bạn phải cẩn thận khi sử dụng. [dấu chấm] làm dấu phân cách với các số có chữ số sau dấu thập phân. Dấu thập phân luôn được trình bày dưới dạng ký tự dấu chấm trong JavaScript. Vì vậy, sử dụng dấu chấm làm dấu phân cách có thể mang lại cho bạn kết quả sau
1240.5 -> 1.240.5
1000240.5 -> 1.000.240.5
Định dạng tiền tệ
Lưu ý rằng phương pháp này [với các sửa đổi nhỏ] cũng có thể được sử dụng để định dạng tiền tệ. g
const number = 12345.6789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 12,345.679
0Đối với định dạng tiền tệ, tôi đã sử dụng
console.info[formatNumber[1240.5]] // 1,240.5
console.info[formatNumber[1000240.5]] // 1,000,240.5
5 để chuyển đổi một số thành chuỗi để luôn có hai chữ số thập phânNếu bạn cần định dạng tiền tệ cho một quốc gia/ngôn ngữ khác, bạn sẽ cần thêm một số sửa đổi cho phương thức currencyFormat. Hàm định dạng tiền tệ mẫu cho ngôn ngữ DE
const number = 12345.6789;
const formattedNumber = number.toLocaleString["en-US"];
console.log[formattedNumber]; // 12,345.679
2Lưu ý rằng cũng có rất nhiều thư viện JavaScript định dạng tiền tệ khác nhau, tất cả các định dạng đều phù hợp với bạn. Vì vậy, trong trường hợp các dự án lớn hơn, nơi cần nhiều định dạng định dạng hơn, tôi khuyên bạn nên sử dụng một trong các thư viện đó