Sử dùng số. phương thức toLocaleString[] để định dạng số bằng dấu phẩy trong JavaScript. Đây là một phương thức tích hợp để chuyển đổi một giá trị số thành một chuỗi được phân tách bằng dấu phẩy
Số định dạng ví dụ có dấu phẩy trong JavaScript
Mã ví dụ đơn giản chuyển “en-US” làm tham số để nó luôn tạo dấu phân cách phần nghìn cho số của bạn
let n = 10200300;
let str = n.toLocaleString["en-US"];
console.log[str];
đầu ra
Bạn có thể sử dụng cùng một phương pháp để định dạng số thực bằng dấu phẩy
let n = 10200300.5555;
let str = n.toLocaleString["en-US"];
console.log[str];
đầu ra. 10.200.300. 556
Số định dạng JS có dấu phẩy sử dụng cụm từ thông dụng
Sử dụng các biểu thức chính quy có thể tìm và thay thế các giá trị trong một chuỗi nhất định và định dạng nó. Ví dụ: hãy xem xét mẫu biểu thức chính quy sau
/\B[?=[\d{3}]+[?!\d]]/g
Mã số
Sử dụng mẫu regex kết hợp với hàm String replace[] để thay thế các điểm đánh dấu bằng dấu phẩy
let n = numberWithCommas[234234.555];
num.toString[].replace[/\B[?=[\d{3}]+[?!\d]]/g, ','];
console.log[n]; // "234,234.555"
Làm cách nào để in một số bằng dấu phẩy dưới dạng hàng nghìn dấu phân cách trong JavaScript?
Câu trả lời. Sử dụng RegEx với phương thức thay thế
function numberWithCommas[x] {
return x.toString[].replace[/\B[?=[\d{3}]+[?!\d]]/g, ","];
}
Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chương trình định dạng JS này
Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome
hệ điều hành. cửa sổ 10
Mã số. Phiên bản HTML5
Rohit
Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật
Trong hướng dẫn này, chúng ta sẽ xem xét một số cách để in một số bằng dấu phẩy dưới dạng hàng nghìn dấu phân cách trong JavaScript và so sánh chúng để hiểu cách nào phù hợp trong ngữ cảnh nhất định
Tại sao chúng ta thực hiện định dạng số? . Dấu chấm là dấu phân cách hàng nghìn ở Đức. Thụy Điển sử dụng không gian. Dấu phân cách được thêm vào sau mỗi ba chữ số từ bên phải
Hãy giới thiệu ngắn gọn các phương pháp
Sử dụng Phương thức toLocaleString[]
Ở đây, phương thức chuỗi miền địa phương tích hợp sẽ bản địa hóa định dạng số dựa trên quốc gia
cú pháp
Người dùng có thể làm theo cú pháp bên dưới
number.toLocaleString[locale]
Ở đây, số là số mà chúng ta sẽ phân tách bằng dấu phẩy
Thông số
locale - Mã ngôn ngữ của quốc gia. Đối với Hoa Kỳ, đó là 'en-US'. 'en' là ngôn ngữ tiếng Anh và 'US' là Hoa Kỳ. Các ví dụ khác là en-GB, hi-EN và ar-EG. hi-EN sử dụng dấu phẩy sau mỗi hai chữ số
Thí dụ
Trong chương trình này, toLocaleString[] trả về số đầu vào được phân tách bằng dấu phẩy
Sử dụng quốc tế. Đối tượng NumberFormatter[]
Intl là không gian tên quốc tế hóa trong JavaScript. Định dạng số nhạy cảm với ngôn ngữ là một trong những cách sử dụng phương pháp này
cú pháp
Người dùng có thể làm theo cú pháp bên dưới
new Intl.NumberFormat[] new Intl.NumberFormat[locale] new Intl.NumberFormat[locale, options]
Ở đây, Intl đề cập đến quốc tế hóa
Thông số
ngôn ngữ - Mã ngôn ngữ. Ví dụ: 'en-IN', 'de-DE', 'ja-JP. ’
tùy chọn - Có nhiều tùy chọn có sẵn, như kiểu dáng, tiền tệ, v.v.
Thí dụ
Khi người dùng nhấp vào nút, đối tượng Intl định dạng số và hiển thị đầu ra
________số 8Sử dụng biểu thức chính quy
Chúng tôi có thể viết mã của mình bằng regex để định dạng số
cú pháp
Người dùng có thể làm theo cú pháp bên dưới
number.toString[].split["."]; number.replace[replace, ","];
Ở đây, cú pháp tách và thay thế chuỗi được sử dụng trong ví dụ được đưa ra
thuật toán
BƯỚC 1 – Chuyển đổi số thành chuỗi
BƯỚC 2 – Tách thành một số và một số thập phân có thể
BƯỚC 3 – Sử dụng biểu thức chính quy để tìm và thêm dấu phẩy vào hàng nghìn [nhóm 3 chữ số] trong số
BƯỚC 4 – Phân tách số và phần thập phân bằng dấu chấm
Thí dụ
Trong ví dụ này, đầu vào được nhóm thành ba chữ số bằng biểu thức chính quy tùy chỉnh
let n = 10200300.5555;
let str = n.toLocaleString["en-US"];
console.log[str];
0Bằng cách tạo chức năng tùy chỉnh
Ở đây, chúng tôi đã viết mã tùy chỉnh để phân tách số bằng dấu phẩy bằng cách kiểm tra vị trí và dấu thập phân
cú pháp
let n = 10200300.5555;
let str = n.toLocaleString["en-US"];
console.log[str];
1Dưới đây là cú pháp của các hoạt động chuỗi và vòng lặp được sử dụng trong ví dụ được đưa ra
thuật toán
Kiểm tra dấu thập phân và dấu số
Bỏ dấu, lặp lại và thêm dấu phẩy vào nhóm 3 chữ số cho phù hợp
Thêm dấu trở lại và hiển thị đầu ra
Thí dụ
Tại đây, đầu vào dấu phẩy động âm được xử lý bằng mã tùy chỉnh dựa trên thuật toán ở trên và thu được đầu ra mong muốn
Bài viết này thảo luận về ba cách để in một số bằng dấu phẩy dưới dạng dấu phân cách hàng nghìn trong JavaScript
Phương thức định dạng chuỗi địa phương và số quốc tế trước tiên phải tìm bản địa hóa được chọn bởi công cụ JavaScript. Sau đó, chỉ định dạng được thực hiện
Phương thức thay thế chuỗi và biểu thức chính quy nhanh hơn phương thức toLocaleString[]. Bạn có thể sử dụng phương pháp này khi có một số lượng lớn yêu cầu định dạng