Tipos de datos de JavaScript (con ejemplos)

En este tutorial, aprenderá sobre los distintos tipos de datos disponibles en JavaScript con la ayuda de ejemplos.

Como sugiere el nombre, los tipos de datos se refieren a tipos de datos que puede utilizar en su programa. Por ejemplo,

 const x = 5; const y = "Hello";

Aquí,

  • 5 es un dato entero.
  • "Hola" es una cadena de datos.

Tipos de datos de JavaScript

Hay ocho tipos de datos básicos en JavaScript. Son:

Tipos de datos Descripción Ejemplo
String representa datos textuales 'hello', "hello world!"etc.
Number un entero o un número de punto flotante 3, 3.234, 3e-2Etc.
BigInt un número entero con precisión arbitraria 900719925124740999n, 1nEtc.
Boolean Cualquiera de dos valores: verdadero o falso true y false
undefined un tipo de datos cuya variable no está inicializada let a;
null denota un nullvalor let a = null;
Symbol tipo de datos cuyas instancias son únicas e inmutables let value = Symbol('hello');
Object pares clave-valor de recopilación de datos let student = ( );

Aquí, todos los tipos de datos excepto Objectson tipos de datos primitivos, mientras Objectque no son primitivos.

Nota: El Objecttipo de datos (tipo no primitivo) puede almacenar colecciones de datos, mientras que el tipo de datos primitivo solo puede almacenar un solo dato.

Cadena de JavaScript

Stringse utiliza para almacenar texto. En JavaScript, las cadenas están entre comillas:

  • Comillas simples: 'Hello'
  • Doble comillas: "Hello"
  • Comillas invertidas: `Hello`

Por ejemplo,

 //strings example const name = 'ram'; const name1 = "hari"; const result = `The names are $(name) and $(name1)`;

Las comillas simples y las comillas dobles son prácticamente lo mismo y puede utilizar cualquiera de ellas.

Las comillas inversas se utilizan generalmente cuando necesita incluir variables o expresiones en una cadena. Esto se hace envolviendo variables o expresiones $(variable or expression)como se muestra arriba.

Aprenderá sobre el uso de comillas inversas en el tutorial de cadenas de JavaScript.

Número de JavaScript

Numberrepresenta números enteros y flotantes (decimales y exponenciales). Por ejemplo,

 const number1 = 3; const number2 = 3.433; const number3 = 3e5 // 3 * 10^5

Un tipo de número también puede ser +Infinity, -Infinityy NaN(no un número). Por ejemplo,

 const number1 = 3/0; console.log(number1); // returns Infinity const number2 = -3/0; console.log(number2); // returns -Infinity // strings can't be divided by numbers const number3 = "abc"/3; console.log(number3); // returns NaN

JavaScript BigInt

En JavaScript, el Numbertipo solo puede representar números menores que (2 53 - 1) y más que - (2 53 - 1) . Sin embargo, si necesita usar un número mayor que ese, puede usar el BigInttipo de datos.

Un BigIntnúmero se crea agregando n al final de un número entero. Por ejemplo,

 // BigInt value const value1 = 900719925124740998n; // Adding two big integers const result1 = value1 + 1n; console.log(result1); // returns "900719925124740999n" const value2 = 900719925124740998n; // Error! BitInt and number cannot be added const result2 = value2 + 1; console.log(result2); 

Salida

 900719925124740999n Error de tipo no detectado: No se puede mezclar BigInt y otros tipos

Nota: BigInt se introdujo en la versión más reciente de JavaScript y no es compatible con muchos navegadores, incluido Safari. Visite el soporte de JavaScript BigInt para obtener más información.

JavaScript booleano

Este tipo de datos representa entidades lógicas. Booleanrepresenta uno de dos valores: trueo false. Es más fácil pensar en ello como un interruptor sí / no. Por ejemplo,

 const dataChecked = true; const valueCounted = false;

Aprenderá más sobre los valores booleanos en el tutorial de Operadores lógicos y comparación de JavaScript.

JavaScript indefinido

El undefinedtipo de datos representa un valor que no está asignado . Si se declara una variable pero no se asigna el valor, entonces el valor de esa variable será undefined. Por ejemplo,

 let name; console.log(name); // returns undefined

También es posible asignar explícitamente un valor de variable undefined. Por ejemplo,

 let name = undefined; console.log(name); // returns undefined

Nota: Se recomienda no asignar explícitamente undefineda una variable. Por lo general, nullse utiliza para asignar un valor "desconocido" o "vacío" a una variable.

JavaScript nulo

En JavaScript, nulles un valor especial que representa un valor vacío o desconocido . Por ejemplo,

 const number = null;

El código anterior sugiere que la variable numérica está vacía.

Nota : nullno es lo mismo que NULL o Null.

Símbolo de JavaScript

This data type was introduced in a newer version of JavaScript (from ES2015).

A value having the data type Symbol can be referred to as a symbol value. Symbol is an immutable primitive value that is unique. For example,

 // two symbols with the same description const value1 = Symbol('hello'); const value2 = Symbol('hello');

Though value1 and value2 both contain 'hello', they are different as they are of the Symbol type.

Visit JavaScript Symbol to learn more.

JavaScript Object

An object is a complex data type that allows us to store collections of data. For example,

 const student = ( firstName: 'ram', lastName: null, class: 10 );

You will learn about JavaScript Objects in later tutorial.

JavaScript Type

JavaScript is a dynamically typed (loosely typed) language. JavaScript automatically determines the variables' data type for you.

También significa que una variable puede ser de un tipo de datos y luego se puede cambiar a otro tipo de datos. Por ejemplo,

 // data is of undefined type let data; // data is of integer type data = 5; // data is of string type data = "JavaScript Programming";

Tipo de JavaScript

Para encontrar el tipo de una variable, puede utilizar el typeofoperador. Por ejemplo,

 const name = 'ram'; typeof(name); // returns "string" const number = 4; typeof(number); //returns "number" const valueChecked = true; typeof(valueChecked); //returns "boolean" const a = null; typeof(a); // returns "object"

Observe que se typeofdevolvió "object"para el nulltipo. Este es un problema conocido en JavaScript desde su primera versión.

Articulos interesantes...