Formatear números localmente en JavaScript

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos cómo formatear números utilizando el orden de formato numérico local en JavaScript. Utilizaremos el método Number.prototype.toLocaleString() para convertir un número dado al formato numérico local utilizando separadores como comas y puntos. Al final de este laboratorio, tendrás una comprensión clara de cómo formatear números en diferentes locales.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28317{{"Formatear números localmente en JavaScript"}} javascript/data_types -.-> lab-28317{{"Formatear números localmente en JavaScript"}} javascript/arith_ops -.-> lab-28317{{"Formatear números localmente en JavaScript"}} javascript/comp_ops -.-> lab-28317{{"Formatear números localmente en JavaScript"}} end

Función de formato de números

Para formatear un número utilizando el orden de formato numérico local, siga estos pasos:

  1. Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
  2. Utilice el método Number.prototype.toLocaleString() para convertir un número a utilizar los separadores de formato numérico local.
  3. Pase el número que desea formatear como argumento a la función.

A continuación, se muestra una implementación de ejemplo:

const formatNumber = (num) => num.toLocaleString();

Y aquí hay algunos ejemplos de cómo utilizar la función:

formatNumber(123456); // '123,456' en `en-US`
formatNumber(15675436903); // '15.675.436.903' en `de-DE`

Resumen

¡Felicidades! Has completado el laboratorio de formato de números. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.