Làm cách nào để định dạng một số bằng dấu phẩy trong JavaScript?

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

đầ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

đầ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

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ử 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

Bằ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

Dướ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

Làm cách nào để phân tách các số bằng dấu phẩy trong JavaScript?

Làm cách nào để đặt dấu phẩy sau 3 chữ số trong JavaScript?

Làm cách nào để 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?

Làm cách nào để thay đổi định dạng số trong JavaScript?