Introducción a los tipos de datos en JavaScript

Un tipo de datos define el tipo y el comportamiento de los datos; le dice al compilador o al intérprete cómo un programador pretende utilizar un dato. La mayoría de los lenguajes de programación admiten tipos de datos básicos como números, booleanos, cadenas, etc.

JavaScript admite ocho tipos de datos: Número, BigInt, Booleano, Cadena, Nulo, No definido, Símbolo y Objeto. En este artículo, aprenderá sobre los ocho tipos de datos de JavaScript y cómo usarlos.

Tipos de datos de JavaScript

Los tipos de datos en JavaScript se pueden clasificar ampliamente en dos categorías: tipos de datos primitivos y tipos de datos no primitivos. Un Objeto es un tipo de datos complejo o no primitivo, y el resto son tipos de datos primitivos.

JavaScript es un lenguaje escrito dinámicamente, lo que significa que los tipos de variables se comprueban durante el tiempo de ejecución. La misma variable puede contener valores de diferentes tipos en cualquier momento.

Por ejemplo:

// x es una cadena
let x = "Hola, mundo";
// x es un número
x = 100;
// x ahora es un booleano
x = verdadero;

Si desea encontrar el tipo de datos actual de una variable, use el tipo de operador.

// x es una cadena
let x = "Hola, mundo";
console.log (tipo de (x));
// x es un número
x = 100;
console.log (tipo de (x));
// x ahora es un booleano
x = verdadero;
console.log (tipo de (x));

Producción:

cuerda
número
booleano

1. Número de tipo de datos en JavaScript

El tipo de datos numérico en JavaScript usa el IEEE-754 formato para representar números enteros y de punto flotante. Puede realizar muchas operaciones con números en JavaScript como suma, resta, división, multiplicación, etc. Para realizar operaciones más complejas, puede utilizar el Objeto matemático.

Algunos ejemplos para crear números en JavaScript:

// Usando una declaración literal
sea ​​n1 = 100;
sea ​​n2 = 456,234;
// Usando el constructor Number ()
sea ​​n3 = Número (100);
// Conversión a entero
sea ​​n4 = Number.parseInt ("456.234");
// Conversión a flotar
let n5 = Number.parseFloat ("456.234");
let n6 = Number.parseFloat ("1.13e3");
// Conversión unaria a número
sea ​​n7 = + "345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Producción:

100
456.234
100
456
456.234
1130
345

Números enteros

La siguiente declaración crea una variable que contiene un número entero:

sea ​​x = 21;

Si desea crear literales octales (base 8), debe usar el 0o prefijo con la secuencia de dígitos octales (dígitos del 0 al 7).

sea ​​x = 0o53;
console.log (x);

Producción:

43

De manera similar, si desea crear literales hexadecimales (base 16), use el 0x prefijo con la secuencia de dígitos hexadecimales (0 a 9 y A a F).

sea ​​x = 0x53;
console.log (x);

Producción:

83

Números de punto flotante

La siguiente declaración crea una variable que contiene un número de punto flotante:

sea ​​x = 324,56;

Puede utilizar la notación electrónica para representar números muy grandes o muy pequeños.

sea ​​x = 1,13e6;
console.log (x);

Producción:

1130000

JavaScript también proporciona otros valores numéricos especiales que pertenecen a la número tipo de datos: NaN, Infinity e -Infinity.

• Yaya: Yaya representa No un número lo que significa un número inválido. Por ejemplo, si divide una cadena y un número, el resultado será NaN.

  console.log ("MakeUseOf" / 10);

  Producción:

  Yaya

  Curiosamente, NaN no es igual a nada, incluyéndose a sí mismo.

  console.log (NaN == NaN);
  console.log (NaN == ("MakeUseOf" / 10));
  console.log (NaN NaN);

  Producción:

  falso
  falso
  falso

  Además, si una expresión matemática en algún lugar contiene NaN, el resultado siempre es NaN.
• Infinito e -Infinito: infinito y -Infinito representa la matemática ∞ y -∞ respectivamente.

2. Tipo de datos BigInt en JavaScript

BigInt es un tipo de datos primitivo en JavaScript que puede representar números enteros con precisión arbitraria. Dado que el tipo de datos numérico no puede representar valores mayores que (2⁵³-1) o valores menores que - (2⁵³-1), BigInt se usa en tales casos para representar números muy grandes o pequeños.

Los números BigInt rara vez se utilizan. Pero si realmente necesita representar números grandes, p. Ej. para criptografía, calculando el factorial de grandes números, que representan la masa del sol, marcas de tiempo de precisión de microsegundos, etc., BigInt es lo que desea usar.

Puede crear un valor BigInt agregando norte hasta el final de un número entero o utilizando el constructor.

let big1 = 78649264972634817648747234872634876243862348763467547n;
let big2 = BigInt ("78649264972634817648747234872634876243862348763467547");
console.log (big1);
console.log (big2);

Producción:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

El tipo de datos BigInt es una adición relativamente reciente al idioma y actualmente es compatible con casi todos los navegadores excepto Internet Explorer.

3. Tipo de datos booleanos en JavaScript

El tipo de datos booleano puede tener dos valores: cierto y falso. Los valores booleanos son el resultado de comparaciones lógicas.

sea ​​x1 = verdadero;
console.log (x1);
sea ​​x2 =! verdadero;
console.log (x2);
sea ​​x3 =!! cierto;
console.log (x3);
sea ​​x4 = (falso && verdadero);
console.log (x4);
sea ​​x5 = (falso || verdadero);
console.log (x5);
sea ​​x6 = (2 == "2");
console.log (x6);
sea ​​x7 = (2 "2");
console.log (x7);
sea ​​x8 = (nulo indefinido);
console.log (x8);
sea ​​x9 = (0 == "");
console.log (x9);
sea ​​x10 = (100> 12);
console.log (x10);

Producción:

cierto
falso
cierto
falso
cierto
cierto
falso
falso
cierto
cierto

Puede convertir un valor de cualquier otro tipo de datos en un tipo de datos booleano utilizando el Booleano () función.

// Cuerdas
console.log (booleano (''));
console.log (Boolean ('abc'));
console.log (booleano ('123'));
// Números
console.log (booleano (0));
console.log (booleano (1));
console.log (booleano (-1));
console.log (booleano (NaN));
console.log (booleano (infinito));
// Otros
console.log (booleano ([1, 2, 3]));
console.log (booleano (indefinido));
console.log (booleano (nulo));

Producción:

falso
cierto
cierto
falso
cierto
cierto
falso
cierto
cierto
falso
falso

4. Tipo de datos de cadena en JavaScript

Una cadena es una secuencia de cero o más caracteres. Las cadenas en JavaScript son inmutables y se utilizan principalmente para representar datos textuales. La indexación de cadenas comienza desde 0, es decir, el primer elemento está en el índice 0, el segundo en 1, y así sucesivamente.

Las cadenas deben ir entre comillas. Puede utilizar cualquiera de los tres tipos de comillas para crear una cadena: comillas simples, comillas dobles o comillas inversas.

Las comillas simples y dobles prácticamente hacen lo mismo, pero una cadena que comienza con una comilla doble debe terminar con una comilla doble. La misma regla se aplica también a las comillas simples.

let str1 = "Hola";
let str2 = 'Hola';
let str3 = "¿Cómo estás?";
// Usando \ para escapar de la comilla simple (')
let str4 = '¿Cómo estás?';

Las comillas inversas son literales de plantilla y proporcionan algunas funciones extendidas. Puede incrustar variables, expresiones e incluso llamadas a funciones dentro de la cadena.

// Incrustar variable dentro de una cadena
let x = "Hola";
let str1 = `$ {x}, ¿Cómo estás?`;
console.log (str1);
// Incrustar expresión dentro de una cadena
let str2 = `La suma de 20 + 30 es: $ {20 + 30}`;
console.log (str2);
// Incrustación de la llamada a la función dentro de una cadena
función calcularSuma (a, b) {
devuelve a + b;
}
let str3 = `La suma de 20 + 30 es: $ {calculateSum (20, 30)}`;
console.log (str3);

Producción:

¿Hola cómo estás?
Suma de 20 + 30 es: 50
Suma de 20 + 30 es: 50

JavaScript también proporciona varios métodos de cadena manipular cadenas.

5. Tipo de datos nulo en JavaScript

El tipo de datos nulo tiene un solo valor: nulo. Representa la ausencia intencional de cualquier valor de objeto.

sea ​​n = nulo;

Muchos programadores se confunden entre nulo e indefinido. Es complicado de entender la diferencia entre nulo e indefinido en JavaScript.

6. Tipo de datos no definido en JavaScript

El tipo indefinido es un tipo especial que significa que "el valor no está asignado". Cuando declaras una variable pero no la inicializas, se asigna un valor indefinido a la variable.

deje x;
console.log (tipo de (x));

Producción:

indefinido

Puede asignar explícitamente indefinido a una variable, pero es muy recomendable evitarlo.

Relacionado: Métodos establecidos de JavaScript que debe dominar hoy

7. Tipo de datos de símbolo en JavaScript

Un símbolo es un valor primitivo único e inmutable. Se utiliza principalmente para crear identificadores únicos para objetos.

Puede crear un símbolo utilizando el Símbolo() función. También acepta una descripción opcional (nombre), pero solo con fines de depuración.

let sym1 = Symbol ();
let sym2 = Símbolo ("datos");

los Símbolo() La función crea un nuevo valor único cada vez que se llama, incluso si crea símbolos con la misma descripción, los valores serían diferentes.

console.log (Symbol () == Symbol ());
console.log (Símbolo ("datos") == Símbolo ("datos"));

Producción:

falso
falso

Relacionado: Métodos de mapas de JavaScript que debe dominar hoy

8. Tipo de datos de objeto en JavaScript

En JavaScript, los objetos son colecciones de pares clave-valor, donde la clave es una cadena y el valor puede ser cualquier tipo de datos.

Puede crear un objeto vacío en JavaScript utilizando la sintaxis del "constructor de objetos" (nuevo objeto ()) o la sintaxis de "objeto literal" (llaves {...}).

let obj1 = new Object ();
deje obj2 = {};

Cada objeto contiene una lista opcional de propiedades, donde una propiedad es un par clave: valor. Puede acceder a los valores del objeto utilizando notación de puntos o notación de matriz (corchetes).

deje obj = {
"clave1": "valor1",
"clave2": "valor2"
}
console.log (obj.key1);
console.log (obj ["key2"]);

Producción:

valor1
valor2

¿Cómo funciona JavaScript?

JavaScript es uno de los lenguajes de programación más populares en la web en la actualidad. Puede utilizar JavaScript para crear sitios web, aplicaciones web, aplicaciones de servidor, juegos, aplicaciones móviles, etc. Basta decir que puede hacer casi cualquier cosa que se le ocurra con JavaScript.

¿Pero sabes cómo funciona JavaScript bajo el capó?

¿Qué es JavaScript y cómo funciona?

Si está aprendiendo sobre desarrollo web, esto es lo que necesita saber sobre JavaScript y cómo funciona con HTML y CSS.

Leer siguiente

Sobre el Autor