Descubre cómo usar Number.prototype.toLocaleString() en JavaScript

Mejora la visualización de números en tus aplicaciones

La función Number.prototype.toLocaleString() es una herramienta útil en JavaScript que permite formatear y mostrar números según el formato local del usuario. Esta función se puede utilizar en situaciones comunes de programación, como mostrar monedas o porcentajes con signos positivos o negativos, dependiendo del contexto.

Ejemplo 1: Formatear un número como moneda en una región específica

let precio = 99.99;
let formatoMoneda = "es-ES"; // Ejemplo de región: España
let resultado = precio.toLocaleString(formatoMoneda, { style: 'currency', currency: 'EUR' });
console.log(resultado); // Output: "99,99 €"

Number.prototype.toLocaleString(): Se utiliza para formatear el número en una cadena de texto que representa un valor localizado. En este ejemplo, se formatea el precio como moneda en euros (EUR) según la región especificada («es-ES»).
JavaScript: La función toLocaleString() es un método integrado en JavaScript que permite formatear números de acuerdo a las convenciones numéricas y de moneda de una región específica.

Ejemplo 2: Formatear un número con separadores de miles y decimales

let numero = 1234567.89;
let formatoNumerico = "en-US"; // Ejemplo de región: Estados Unidos
let resultado = numero.toLocaleString(formatoNumerico, { style: 'decimal' });
console.log(resultado); // Output: "1,234,567.89"

Number.prototype.toLocaleString(): Se utiliza para formatear el número en una cadena de texto que representa un valor localizado. En este ejemplo, se formatea el número con separadores de miles y decimales según la región especificada («en-US»).
JavaScript: La función toLocaleString() es un método integrado en JavaScript que permite formatear números de acuerdo a las convenciones numéricas y de moneda de una región específica.

Ejemplo 3: Formatear un número con separador decimal personalizado

let numero = 1234567.89;
let formatoNumerico = "en-US"; // Ejemplo de región: Estados Unidos
let separadorDecimal = "."; // Separador decimal personalizado
let resultado = numero.toLocaleString(formatoNumerico, { style: 'decimal', minimumFractionDigits: 2, maximumFractionDigits: 2, decimalSeparator: separadorDecimal });
console.log(resultado); // Output: "1,234,567.89"

Number.prototype.toLocaleString(): Se utiliza para formatear el número en una cadena de texto que representa un valor localizado. En este ejemplo, se formatea el número con separadores de miles y decimales según la región especificada («en-US»), pero también se establece un separador decimal personalizado («.»).
JavaScript: La función toLocaleString() es un método integrado en JavaScript que permite formatear números de acuerdo a las convenciones numéricas y de moneda de una región específica.

Ejemplo 4: Formatear un número con múltiples decimales

let numero = 1234567.89;
let formatoNumerico = "en-US"; // Ejemplo de región: Estados Unidos
let resultado = numero.toLocaleString(formatoNumerico, { style: 'decimal', minimumFractionDigits: 2, maximumFractionDigits: 4 });
console.log(resultado); // Output: "1,234,567.8900"

Number.prototype.toLocaleString(): Se utiliza para formatear el número en una cadena de texto que representa un valor localizado. En este ejemplo, se formatea el número con separadores de miles y decimales según la región especificada («en-US»), pero también se establecen múltiples decimales (2 a 4).
JavaScript: La función toLocaleString() es un método integrado en JavaScript que permite formatear números de acuerdo a las convenciones numéricas y de moneda de una región específica.

Ejemplo 5: Formatear un número como porcentaje

let porcentaje = 0.75;
let formatoNumerico = "en-US"; // Ejemplo de región: Estados Unidos
let resultado = porcentaje.toLocaleString(formatoNumerico, { style: 'percent', minimumFractionDigits: 2, maximumFractionDigits: 2 });
console.log(resultado); // Output: "75.00%"

Number.prototype.toLocaleString(): Se utiliza para formatear el número en una cadena de texto que representa un valor localizado. En este ejemplo, se formatea el número como porcentaje según la región especificada («en-US»).
JavaScript: La función toLocaleString() es un método integrado en JavaScript que permite formatear números de acuerdo a las convenciones numéricas y de moneda de una región específica.

Conclusión

Utiliza Number.prototype.toLocaleString() para mejorar la visualización de números en tus aplicaciones y adaptarla al formato local del usuario. Asegúrate de comprender los parámetros opcionales que permiten personalizar el formato de fecha, hora y moneda según las convenciones regionales.