Sử dụng toLocaleString với Numbers, Arrays hoặc Dates trong JavaScript

toLocaleString là một phương thức JavaScript tích hợp được sử dụng để chuyển đổi ngày và giờ thành một chuỗi bằng cách sử dụng ngôn ngữ hệ thống. 🤓🚀

Nó được dùng với các loại JavaScript sau 💪:

Ngày / giờ
Số
Các đối tượng
Mảng

toLocaleString với Ngày và Giờ 🚀

Với các đối tượng ngày / giờ, toLocaleString có cú pháp như thế này và trả về một chuỗi 🔥👉:

dateObject.toLocaleString(locales, options)

locales : Một chuỗi tùy chọn chỉ định định dạng dành riêng cho ngôn ngữ. Một số giá trị hợp lệ là ar-SA (đối với tiếng Ả Rập), en-US (đối với tiếng Anh Mỹ), hi-IN (đối với tiếng Hindi), jp-JP (đối với tiếng Nhật), v.v.
options : Một đối tượng tùy chọn của các tùy chọn. Một số thuộc tính hợp lệ có thể có trong này là dateStyle với các giá trị full , long , medium và short . Các thuộc tính có thể có khác là thời timeStyle , weekday , year , month , day , hour , minute , second , v.v.

Ví dụ 😍

const date = new Date();

console.log(date.toLocaleString(`en-US`)); 
// 11/10/2019, 4:32:44 PM

console.log(date.toLocaleString(`hi-IN`));
// 10/11/2019, 4:32:44 pm

console.log(date.toLocaleString(`fr-CH`));
// 10.11.2019 à 16:32:44

const options = {
  weekday: 'long',
  era: 'long'
}

console.log(date.toLocaleString(`en-US`, options)); 
// Sunday Anno Domini

console.log(date.toLocaleString(`hi-IN`, options));
// ईसवी सन रविवार

console.log(date.toLocaleString(`fr-CH`, options));
// après Jésus-Christ dimanche

toLocaleString with Numbers 🚀

Với các số, toLocaleString được sử dụng để chuyển các số thành biểu diễn số theo ngôn ngữ cụ thể. Nó có cú pháp như sau và trả về một chuỗi 🔥👉:

number.toLocaleString(locales, options)

locales : Một chuỗi tùy chọn chỉ định domain local .
options : Một đối tượng tùy chọn có thể chứa các thuộc tính như localeMatcher với giá trị lookup và best fit . Các thuộc tính có giá trị khác là style , currency , useGrouping , minimumSignificantDigits , v.v.

Ví dụ 😍

const number = 12345.678;

console.log(number.toLocaleString('en-US')); 
// 12,345.678

console.log(number.toLocaleString('fr-FR')); 
// 12 345,678

console.log(number.toLocaleString('en-US', {
  style: 'currency',
  currency: 'USD'   // With currency, the currency code is also required
}));  // $12,345.68

console.log(number.toLocaleString('hi-IN', {
  style: 'currency',
  currency: 'INR'
}));  // ₹12,345.68

console.log(number.toLocaleString('en-US', {
  style: 'currency',
  currency: 'USD',
  maximumSignificantDigits: 2
}));  // $12,000

toLocaleString với Arrays 🚀

Với mảng, toLocaleString được sử dụng để chuyển đổi chúng thành một biểu diễn local cụ thể. Cú pháp như sau và một chuỗi được trả về 🔥👉:

array.toLocaleString(locales, options)

locales : Một chuỗi tùy chọn chỉ định ngôn ngữ.
options : Một đối tượng tùy chọn của các tùy chọn tương tự có sẵn cho số và ngày.

Ví dụ 😍

const arr = [12345678, new Date(), "alligators"];
console.log(arr.toLocaleString(`fr-FR`,{
  style: 'currency',
  currency: 'EUR',
  era: 'long'
}));

//  12 345 678,00 €,10 11 2019 après Jésus-Christ à 18:30:03,alligators

const arr2 = [12345678, new Date(), "alligators"];
console.log(arr.toLocaleString(`en-US`,{
  style: 'currency',
  currency: 'USD',
  era: 'long'
}));

//  $12,345,678.00,11 10, 2019 Anno Domini, 6:31:56 PM,alligators

Lưu ý: Nếu ngôn ngữ bị bỏ qua hoặc không được xác định thì ngôn ngữ hệ thống mặc định được sử dụng. 🧪

🥓 Bây giờ những gì còn lại là đảm bảo các trình duyệt được nhắm đến của bạn hỗ trợ phương thức toLocaleString .

Tags:

Các tin liên quan

Công cụ V8 và Mẹo tối ưu hóa JavaScript
2019-10-10
Hiểu phạm vi biến trong JavaScript
2019-10-01
Hiểu điều này, ràng buộc, gọi và áp dụng trong JavaScript
2019-09-30
Sử dụng phương pháp cắt chuỗi trong JavaScript
2019-09-16
Những lý do tại sao bạn không bao giờ nên sử dụng eval () trong JavaScript
2019-08-26
Toàn cầu mới Thuộc tính JavaScript này
2019-08-08
Vẽ hình với API Canvas JavaScript
2019-08-05
clientWidth và clientHeight trong JavaScript
2019-07-24
Các phương pháp hay nhất để gỡ lỗi mã JavaScript trong trình duyệt
2019-07-05
Tối ưu hóa Tuyên bố chuyển đổi trong JavaScript
2019-06-18