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

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ẩy

Nế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ẩy

Hã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
  

  0
• giá trị thay thế.

  	const number = 123456789;
  
  const formattedNumber = number.toLocaleString("de-DE");
  
  console.log(formattedNumber); // 123.456.789
  

  1

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ìn

Ví 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ân

Nế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

2

Lư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 đó

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

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

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

Làm cách nào để định dạng một số thành 2 chữ số thập phân trong JavaScript?