Tipos de datos

Un programa de computadora funciona manipulando valores, como números, textos, listas, etcétera. Los diferentes valores que se pueden representar y manipular en un lenguaje de programación se conocen como tipos, y una de las principales características de un lenguaje de programación es el tipo de datos de admite.

En Javascript, existen 5 tipos de datos primitivos.

Number

A diferencia de otros lenguajes de programación, Javascript no hace ninguna distinción entre números enteros y números de punto flotante. Todos los números en Javascript son representados como valores de punto flotante.

String

Una cadena consiste de cualquier secuencia de caracteres que puedes encontrar en tu teclado (letras, números, símbolos, espacios, etcétera). El tipo de dato string es la forma que utiliza Javascript para representar texto.

Para representar una cadena, debemos encerrar el texto entre comillas, ya sea dobles "..." o sencillas '...'.

Boolean

Este tipo de dato solo acepta dos posibles valores: true o false. Es sencillo pensar en los valores booleanos como una respuesta a una pregunta de si o no.

Como podemos ver, en el primer ejemplo preguntamos si 5 es mayor que 7, y obtenemos como respuesta false. Por otro lado, en el segundo ejemplo, preguntamos si 10 es igual a 10 a lo que obtenemos true como respuesta.

Null

null es una palabra reservada del lenguaje, utilizada para referirse a un valor especial que indica la ausencia de un valor o de un tipo de dato.

Undefined

undefined es otra palabra reservada del lenguaje, que al igual que null, representa la ausencia de un valor, aunque funciona de manera diferente.

undefined se utiliza para aquellas variables a las cuales no se les ha asignado un tipo de dato.

Variables

Una variable funciona como un caja que contiene a un valor. En una variable podemos asignar valores como un nombre de usuario, una contraseña, una fecha de nacimiento, o una lista de cosas por hacer, que se almacenan en la memoria de la computadora y que podemos recuperar cuando necesitemos utilizarlos. Estos valores son datos primitivos, objetos y funciones.

Las variables nos permiten, además, etiquetar información de manera descriptiva, de modo que nos facilita su uso y entendimiento en nuestro código.

En pocas palabras, las variables nos permiten etiquetar y almacenar valores en la memoria de la computadora para utilizarlos después.

Existen diferentes formas en que podemos crear o declarar estas variables, además de ciertas convenciones que siguen los programadores para hacer el código más entendible.

var

En 2015, la versión de ES6 de Javascript presentó algunos cambios importantes, uno de ellos siendo la forma en que se declaraban variables. Aunque ahora es cada vez menos común, aún podemos encontrarnos con la palabra reservada var para crear una variable.

var x = 7;

let

La palabra reservada let es una de las adiciones hechas al lenguaje en la versión ES6 y, actualmente, es la forma más utilizada para declarar variables.

let nombre = "Juan";

• La palabra reservada let indica que estamos creando una nueva variable.

• nombre es el identificador (o nombre) de la variable.

• = es el operador de asignación que se encargar de asignarle un valor a nuestra variable.

• "Juan" es el valor que le estamos asignando a la variable en cuanto la creamos. Podemos decir entonces que la varible nombre se inicializa con el valor de "Juan".

Ahora, en lugar de hacer algo como esto, que habíamos visto en un ejemplo anterior:

Podemos hacer algo así:

Ahora, al método console.log() no le estamos indicando directamente que valor imprimir, si no que le estamos diciendo que imprima el valor almacenado en la variable nombre.

Además de asignar un valor a una variable, podemos actualizar el valor de una variable existente.

Continuando con el ejemplo anterior, hemos inicializado la variable nombre con el valor "Juan", pero podemos cambiar su valor para que ahora, nombre contenga el valor "Pedro". Para hacer esto no es necesario volver a utilizar la palabra reservada let, basta con indicar que valor le será asignado a la variable, utilizando el operador de asignación, =.

nombre = "Pedro";

Entonces, ahora, al imprimir el valor de nombre obtendríamos el siguiente resultado:

Javascript es un lenguaje de programación débilmente tipado, lo que significa que, al declarar una variable, no es necesario especificar el tipo del valor que le asignaremos. Como resultado, podemos actualizar el valor de una variable por cualquier tipo de dato, sin importar el valor con el que fue inicializada.

Continuando con el ejemplo de arriba, entonces podemos, por ejemplo, asignar a nombre un número.

Es importante tener en cuenta que no es necesario asignar un valor a la variable para declararla. En tal caso, la variable sería inicializada con el valor de undefined.

Para nombrar a los identificadores (nombre de variables y funciones), utilizamos algo que se conoce como camel case. Esta es una convención seguida por los programadores, después de todo no es obligatorio hacerlo para que el código funcione, pero se considera una buena práctica de programación que facilita la lectura y legibilidad de nuestro código. Para esto, el nombre de un identificador debe comenzar con letra minúscula y, si está compuesto por más de una palabra, las siguientes palabras se escribirán comenzando con letra mayúscula, sin dejar ningún espacio.

let comidaFavorita = "pizza";
let numeroDeMascotas = 3;

Hay ciertos puntos que es importante recordar para nombrar una variable:

• El nombre de un identificador puede contener tanto letras como digitos, guiones y símbolos de dolar.
• Aunque, como ya mencionamos, su nombre debe comenzar con una letra.
• Javascript es sensible a mayúsculas y minúsculas, por lo que la variable nombre y la variable Nombre no serían la misma.
• Las palabras reservadas no pueden ser utilizadas para nombrar variables.

const

La variables asignadas con la palabra reservada const se comportan igual que aquellas creadas con el let, excepto por que no pueden ser reasignadas.

const pi = 3.1416;

Ejemplo

Ahora que hemos aprendido como almacenar valores en una variable para utilizarlos en nuestro programa veamos un rápido ejemplo.

Al inicio de este curso, vimos como mostrar un mensaje en el navegador utilizando el método alert(). Para esto, debiamos indicarle entre los paréntesis que mensaje imprimir, pero, ¿qué pasa si no sabemos lo que dirá este mensaje? Digamos que queremos que el usuario decida que mostrar en el mensaje.

Para esto, podemos utilizar el método prompt(). Este método nos permite mostrar un mensaje al usuario (opcionalmente) para solicitarle que ingrese un texto.

prompt("Di algo");

Entonces, utilizando el método prompt(), podemos solicitarle al usuario que ingrese un texto e imprimir después un mensaje. Para poder hacerlo, necesitamos recordar cual es el texto que ingreso el usuario utilizando una variable.

let mensaje = prompt("Di algo"); //Aquí, estamos almacenando en la variable mensaje el texto que recibirá el método prompt.
alert(mensaje); //Y ahora, solo nos resta mostrar el texto que hayamos almacenado en la variable.