Tipos de Datos en Javascript

Tipos De Datos

Javascript variables pueden contener muchos tipos de datos diferentes.

  • strings (cadenas)
  • numbers (numeros)
  • booleans (verdadero o falso)
  • arrays (estructura de datos)
  • objects (objeto)

Los tipos de datos en la programación son un concepto importante para saber.

Para que un programa se ejecute correctamente, deben conocer el tipo de datos. Todos los lenguajes de programación usan variables y probablemente todos usan el mismo concepto, pero están escritos de manera un poco diferente.


Declaración y Uso

A continuación tenemos 3 tipos de datos populares utilizados en JavaScript. Las cadenas se representan como palabras, los números como un número y los objetos se escriben con llaves {}.

var nombre = "Angelica";  // Cadena
var edad = 1996;  // Numero
var persona = {nombre = "Angelica, edad = "Joven"}; // Objeto

Al agregar un número a una cadena, JavaScript tratará el número como una cadena.

var a = 19 + "Chevy"; // number + cadena  

Javascript tratará el ejemplo anterior como:

var a = "19" + "Chevy";  // cadena + cadena

Javascript evalúa expresiones de izquierda a derecha

Ejemplo 1:
var b = "Hola" + 20  + 19;  
Resultado:
Hola2019
Ejemplo 2:
var b = 20  + 19 + "Hola"; 
Resultado:
2019Hola

Ejemplo 1: Como el primer operando es una cadena, todo lo demás se trata como una cadena.

Ejemplo 2: JavaScript trata nuestra expresión como un número hasta que agrega una cadena y luego trata la expresión como una cadena.


Strings (Cadenas)

Las cadenas de Javascript se escriben entre comillas simples o dobles.

var nombre = 'Juan Alberto'; // comillas simples
var nombre = "Juan Alberto"; //doble comillas

Es posible que necesite usar comillas en el texto de su cadena, para eso use comillas diferentes a las que definen la cadena

var frase = 'Necesitarán comprar el libro “Psicología básica”'; // comillas dobles dentro de comillas simples
var frase2 = "Mi capítulo favorito del libro fue 'Formas de alcanzar tus objetivos'"; // comillas simples dentro de comillas dobles

Numbers (Numeros)

Los números de Javascript se pueden escribir con o sin decimales.

los números nunca deben escribirse entre comillas ya que eso convertirá un número en una cadena.

var x = 23; // Escrito sin decimales
var z = 2.33; // Escrito con decimales

Booleans (Verdadero o Falso)

Booleans solo tienen 2 valores: True(Verdadero) y False(Falso)

var x = 10; 
var y = 10
var z = 5;
document.getElementById("demo").innerHTML =
  (x == y) + "<br>" + (y == z); 
Resultado:
True
False

Arrays (Estructura De Datos)

Arrays en javascript se escriben entre corchetes.

Los elementos dentro de un array están separados por comas.

El siguiente ejemplo crea un array de "colores" con 3 elementos dentro.

var colores = "Rojo", "Verde", "Azul"; 

Arrays en javascript son basados en cero, lo que significa que el primer elemento es [0], el segundo es [1], y así sucesivamente.


Objects (Objeto)

Los objetos en javascript se escriben con llaves {}.

El tipo de objeto debe tener una propiedad:valor, separados por comas.

var persona = {nombre = "John", apellido = "Doe" ,edad = 23, ojos_color = "café"};

Nuestro objeto llamado persona tiene 4 propiedades, nombre, apellido, edad, ojos_color.


Undefined (Indefinido)

En javascript, un variable sin valor tiene un tipo de valor indefinido.

var nombre; // valor es undefined, tipo es undefined

Null

En javascript NULL tampoco significa nada, pero la diferencia es que incluso si está vacío, el tipo sigue siendo un objeto.

Pueden vaciar un objeto estableciendo su valor a null:

var persona = {nombre = "John", apellido = "Doe" ,edad = 23, ojos_color = "café"};
var persona = null; // Ahora el valor es null, el tipo es un objeto.

También puede vaciar un objeto estableciendo su valor a undefined:

var persona = {nombre = "John", apellido = "Doe" ,edad = 23, ojos_color = "café"};
var persona = undefined; // Ahora el valor es undefined, el tipo es undefined.