¿Conoces el separador numérico en JavaScript?

Estrada Web Group
Estrada Web Group
¿Conoces el separador numérico en JavaScript?

Resumen: en este tutorial, aprenderás a usar el separador numérico de JavaScript para que los numéricos sean más legibles.

Introducción al separador numérico de JavaScript

El separador numérico te permite crear una separación visual entre grupos de dígitos utilizando guiones bajos (_) como separadores.

Por ejemplo, el siguiente número es muy difícil de leer, especialmente cuando contiene repeticiones de dígitos largos:

const budget = 1000000000;

¿Son mil millones o cien millones?

El separador numérico corrige este problema de legibilidad de la siguiente manera:

const budget = 1_000_000_000;

Como puedes ver, el número ahora es muy fácil de interpretar.

JavaScript te permite usar separadores numéricos para números enteros y de punto flotante. Por ejemplo:

let amount = 120_201_123.05; // 120201123.05
let expense = 123_450; // 123450
let fee = 12345_00; // 1234500

Es importante tener en cuenta que todos los números en JavaScript son números de coma flotante.

Además, puedes usar los separadores numéricos para partes de facciones y exponentes. Por ejemplo:

let amount = 0.000_001; // 1 millonésima

Es importante notar que puedes usar el separador numérico para bigint, binario, octal y hexadecimal. Por ejemplo:

// BigInt
const max = 9_223_372_036_854_775_807n;

// binary
let nibbles = 0b1011_0101_0101;

// octal
let val = 0o1234_5670;

// hex
let message = 0xD0_E0_F0;

Resumen

Utiliza guiones bajos (_) como separadores numéricos para crear una separación visual entre grupos de dígitos.

Compartir artículo:

Más artículos geniales

Qué es una función de primera clase en JavaScript

Qué es una función de primera clase en JavaScript

Resumen: en este tutorial, aprenderás que las funciones de JavaScript las puedes almacenar en variables, pasarlas a otras funciones como argumentos y devolverlas desde otras funciones como valores.

Ver artículo completo
Patrón de constructor-prototipo en JavaScript

Patrón de constructor-prototipo en JavaScript

Resumen: Resumen: en este tutorial, aprenderá a usar el patrón de constructor-prototipo (constructor/prototype) de JavaScript para definir un tipo personalizado.

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla