• 10 hours
  • Easy

Free online content available in this course.

course.header.alt.is_certifying

Got it!

Last updated on 6/12/20

Variables

Log in or subscribe for free to enjoy all this course has to offer!

 

Variables

Las variables son una pieza fundamental de cualquier lenguaje de programación, ya que nos permiten almacenar en la memoria información que más adelante podremos recuperar. En este capítulo verás cómo utilizar variables en tus programas.

Una variable es simplemente un lugar donde guardar información. A la variable se le asigna un nombre para poder "llamar" a esa variable y recuperar o modificar el valor guardado cuando sea necesario. Veámoslo con más detalle.

Propiedades de una variable

Una variable posee tres grandes propiedades:

  • Nombre: Permite identificar a la variable. Un nombre de variable puede contener letras mayúsculas o minúsculas, números (salvo en la primera posición) y ciertos caracteres como el dólar ($) o los guiones bajos (_). 

  •  Valor: El dato memorizado que contiene la variable.

  • Tipo: El tipo determina las operaciones que le serán aplicables a esta variable. JavaScript no impone al usuario definir el tipo de variable. El tipo es deducido a través del valor guardado.

 

Crear una variable y asignarle un valor

Para crear un variable por primera vez, es necesario declarar la existencia de esa variable. Esto le dice al ordenador que tiene que reservar un espacio de memoria para guardar información en dicha variable más adelante.

var nombre;

Para declarar la variable hacemos uso de la palabra clave reservadavar seguido del nombre de la variable.

Declaración de una variable
Declaración de una variable

La variable de momento no contiene ningún valor. Si declaras una variable sin asignarle ningún valor, JavaScript muestra el valor "undefined", que es un tipo de dato que indica la ausencia de valor.

Declaremos dos variables e iniciemos dichas variables (asignémosles un valor):

var nombre = "Laura";
var edad = 23;

console.log("Mi nombre es: " + nombre);
console.log("Tengo: " + edad + " años");

Durante el curso de un programa, el valor de una variable puede cambiar. Para iniciar la variable (darle un primer valor), o para cambiar su valor, utilizamos el operador igual  =  .

Prueba este ejemplo en Sublime o en la consola de Chrome y observa el resultado.

Has declarado dos variables y luego has mostrado el resultado en la consola, concatenando una cadena de texto con el valor de las variables. Ya no tienes que volver a escribir el nombre ni la edad en tu programa, ¡sólo tienes que recuperar la información llamando a la variable!

Ahora que has declarado estas dos variables, podemos también modificar su valor. Por ejemplo, podemos imaginar que Laura ha cumplido un año por lo que el valor guardado en la variable  edad debe actualizarse. Añade las siguientes líneas de código a tu programa anterior. 

edad = 24;

console.log("Ahora tengo: " + edad + " años");

 ¿Cuál es ahora el valor de la variable edad? Efectivamente, el valor es ahora 24. 

 

Interacción con el usuario

var nombre = prompt("Introduce tu nombre");

console.log("Tu nombre es: " + nombre);

Podemos hacer que sea el usuario el que elija el valor de una variable. Para ello hacemos uso de la orden  prompt() . Con esto, se abre una ventana que pide al usuario que introduzca un valor por pantalla. Hemos asignado el valor introducido a la variable edad. La variable almacenará el valor introducido por el usuario.

 

Conversión de tipos

La evaluación de una expresión puede entrañar la conversión de un tipo de variable a otro. Estas conversiones las realiza JavaScript automáticamente. Por ejemplo, la concatenación de un variable de tipo cadena de caracteres y una variable numérica, conlleva la conversión de la variable numérica a cadena de caracteres.

var numero = 100;
console.log("La variable numero contiene el valor " + numero);

// resulta en la cadena de caracteres:
// "La variable numero contiene el valor 100"

 

Palabras reservadas

Hay ciertas palabras que JavaScript se reserva para su funcionamiento. Por ejemplo, hemos visto que para declarar una variable es necesario utilizar la palabra clave  var . Si intentas, por ejemplo, declarar una variable que se llame  var obtendrás un error, ya que no puedes utilizar esa palabra para otra cosa que no sea declarar una nueva variable.

Puedes ver la lista de las palabras reservadas de JavaScript aquí: lista de palabras reservadas.

Declaración de dos variables
Error al utilizar una palabra reservada como nombre de variable

Como puedes ver, hemos declarado una primera variable, con nombre "variable1", y hemos intentado declarar una segunda variable. Al declarar la segunda variable se muestra un error ya que no podemos utilizar una palabra reservada como nombre de la variable.

 

La importancia del nombre de las variables

Para concluir este capítulo, es muy importante remarcar un aspecto a veces olvidado por los desarrolladores principiantes: el nombre elegido para las variables. El nombre de una variable no tiene ninguna importancia para la máquina, sin embargo, su nombre afecta enormemente a la comprensión del programa por un desarrollador.

Observa los siguientes ejemplos:

var var1 = 4.6;
var var2 = 3.14;
var var3 = 2 * var2 * var1;
console.log(var3);
var radio = 4.6;
var pi = 3.14;
var perimetro = 2 * pi * radio;
console.log(perimetro);

Su funcionamiento es idéntico, sin embargo, el segundo es mucho más fácil de entender gracias al nombre dado a las variables.

¿Cómo podemos nombrar correctamente nuestras variables?

Elige nombres representativos

La regla más importante es dar a las variables un nombre que refleje su rol. Fíjate en el segundo ejemplo, las variables  radio,  pi y  perimetro  guardan respectivamente el radio de un círculo, el valor del número PI y el perímetro calculado.

No utilizar carácteres acentuados

Los caracteres acentuados pueden dar lugar a error en ciertos entornos. Además, son caracteres no utilizados en el mundo anglófono y es mejor evitarlos.

Adoptar una convención para nombrar variables

A veces es necesario utilizar varias palabras para describir el rol de una variable. En ese caso, debemos adoptar una manera uniforme para nombrar las variables. Existen diferentes formas, pero en este curso utilizaremos la más frecuente: la llamada "camelCase":

  • Todo nombre de variable comienza por una letra minúscula.

  • Si la variable está compuerta de más de una palabra, la primera letra de cada palabra (salvo la primera), se escribe en mayúsculas.

Por ejemplo, los nombres  costeTotal  o  codigoUltimoCliente  respetan la norma "camelCase". 

 

Practica tú mismo

Concatena variables de tipo cadena

Declara dos variables y asígnales una cadena de caracteres, por ejemplo nombre y apellido. Seguidamente muestra por consola el contenido de ambas variables concatenándolas. Debes dejar un espacio entre el nombre y el apellido.

Se muestra el contenido de ambas variables concatenado
Se muestra el contenido de ambas variables concatenado

 

Saludo introduciendo el nombre y apellido

Crea un programa que salude al usuario por consola. Previamente es necesario preguntarle su nombre y apellido y guardar la información dada por el usuario en dos variables.

 

Saluda concatenando el nombre y apellido introducido por el usuario
Saluda concatenando el nombre y apellido introducido por el usuario

 

Valores finales

Observa el siguiente programa y deduce los valores finales de cada variable. 

var a = 2;
a = a - 1;
a++;
var b = 8;
b += 2;
var c = a + b * b;
var d = a * b + b;
var e = a * (b + b);
var f = a * b / a;
var g = b / a * a;

 

Conversión de grados Celsius a Fahrenheit

Escribe un programa que pida al usuario que introduzca  una temperatura en grados celsius y la convierta a grados fahrenheit.

La conversión se realiza de la siguiente forma:  [°F] = [°C] x 9/5 + 32

Transforma grados celsius a grados fahrenheit
Transforma grados celsius a grados fahrenheit

 

Permutación de dos variables

Escribe un programa que contenga inicialmente el siguiente contenido:

// 4. Intercambia el valor de dos variables

var num1 = 5;
var num2 = 3;

console.log("num1 = " + num1); // Muestra 5
console.log("num2 = " + num2); // Muestra 3

Tras la línea 7, añade el código necesario para intercambiar los valores de las dos variables.

Il existe plusieurs solutions à cet exercice. Astuce : vous n'êtes pas limité(e) à l'utilisation de deux variables.

 

Permutación del valor de dos variables
Permutación del valor de dos variables

 

Solución de los ejercicios

Intenta primero resolver los ejercicios propuestos por ti mismo. Si ves que te bloqueas, suele venir bien cambiar de actividad y volver a intentarlo más adelante. Si no lo consigues, puedes consultar las soluciones aquí.  

 

 

Example of certificate of achievement
Example of certificate of achievement