Uso de toLocaleString con números, matrices o fechas en JavaScript

toLocaleStringes un método integrado de JavaScript que se utiliza para convertir la fecha y la hora en una cadena utilizando las configuraciones regionales del sistema.

Se puede utilizar con los siguientes tipos de JavaScript:

• Fechas/Hora
• Números
• Objetos
• Matrices

toLocaleString con fechas y horas

Con objetos de fecha/hora, toLocaleStringtiene una sintaxis como esta y devuelve una cadena:

dateObject.toLocaleString(locales, options)

• locales: Una cadena opcional que especifica un formato específico del idioma. Algunos valores válidos sonar-SA(para árabe),en-US(para inglés de EE. UU.),Hola-IN(para hindi),españa-español(para japonés), etc.
• options: Un objeto opcional de opciones. Algunas propiedades válidas que se pueden incluir en este son dateStylecon valores de full, long, mediumy short. Otras propiedades posibles son timeStyle, weekday, year, month, day, hour, minute, second, etc.

Ejemplo

const date = new Date();console.log(date.toLocaleString(`en-US`)); // 11/10/2019, 4:32:44 PMconsole.log(date.toLocaleString(`hi-IN`));// 10/11/2019, 4:32:44 pmconsole.log(date.toLocaleString(`fr-CH`));// 10.11.2019 à 16:32:44const options = {  weekday: 'long',  era: 'long'}console.log(date.toLocaleString(`en-US`, options)); // Sunday Anno Dominiconsole.log(date.toLocaleString(`hi-IN`, options));// ईसवी सन रविवारconsole.log(date.toLocaleString(`fr-CH`, options));// après Jésus-Christ dimanche

toLocaleString con números

Con números, toLocaleStringse utiliza para convertir los números en una representación numérica específica de la configuración regional. Tiene una sintaxis similar a la siguiente y devuelve uncadena :

number.toLocaleString(locales, options)

• locales:Una cadena opcional que especifica la configuración regional.
• options: Un objeto opcional que puede contener propiedades como localeMatchercon valores lookupy best fit. Otras propiedades válidas son style, currency, useGrouping, minimumSignificantDigits, etc.

Ejemplo

const number = 12345.678;console.log(number.toLocaleString('en-US')); // 12,345.678console.log(number.toLocaleString('fr-FR')); // 12 345,678console.log(number.toLocaleString('en-US', {  style: 'currency',  currency: 'USD'   // With currency, the currency code is also required}));  // $12,345.68console.log(number.toLocaleString('hi-IN', {  style: 'currency',  currency: 'INR'}));  // ₹12,345.68console.log(number.toLocaleString('en-US', {  style: 'currency',  currency: 'USD',  maximumSignificantDigits: 2}));  // $12,000

toLocaleString con matrices

Con matrices, toLocaleStringse utiliza para convertirlas en una representación específica de la configuración regional. La sintaxis es la siguiente y, una vez más, unacadenase devuelve:

array.toLocaleString(locales, options)

• locales:Una cadena opcional que especifica la configuración regional.
• options:Un objeto opcional con las mismas opciones disponibles para números y fechas.

Ejemplo

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,alligatorsconst 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

Nota:Si se omite la configuración regional o se deja sin definir, se utiliza la configuración regional predeterminada del sistema.

Ahora lo que queda es asegurarse de que los navegadores de destino admitan el método toLocaleString.