Las variables son contenedores donde podemos guardar valores durante de la ejecución de un script. Los valores almacenados pueden cambiar durante la ejecución del programa (por eso se llaman variables).
A estos contenedores nosotros les asignamos un nombre.
Para poder utilizar el valor almacenado se llama el contenedor por su nombre.
Si se manda llamar el valor de un contenedor y no se ha guardado nada en el contenedor el valor que devuelve es – undefined – que significa “no está definido”.
Cómo nombrar variables
Para nombrar variables lo mejor es utilizar palabras que describan el valor que se está almacenando.
Los nombres de variables pueden contener letras mayúsculas, minúsculas, números, guión bajo y signo de dólar / peso ($).
El nombre siempre debe comenzar con guión bajo, letra o signo de dólar / peso.
Si el nombre de la variable está formado por dos o más palabras hay dos opciones:
Utilizar guión bajo para unir las palabras – notación de víbora (snake_case).
Comenzar por escribir la primer palabra en minúscula y las siguientes palabras en mayúscula – notación de camello (camelCase).
Declaración
Se le llama declaración al proceso mediante el cual indicamos que vamos a utilizar una variable en el programa.
Para declarar una variable en JavaScript utilizamos:
var seguida de un espacio, el nombre de la variable que queremos utilizar.
var puntuacion
var mi_variable
var miVariable
Asignación
Este es el proceso de almacenar un valor en una variable, para esto se utiliza el signo de igualdad =.
Para esto la variable tiene que ir primero, seguida del signo de igualdad y por último el valor a almacenar.
puntuacion = 8
mi_variable = 'El contenido de mi_variable es de texto además de que se le puede concatenar el valor de la puntuación ' + puntuacion
miVariable = 'Todas estas palabras están dentro de miVariable'
Utilizar el valor almacenado
Para utilizar el valor almacenado dentro de una variable se utiliza el nombre de la variable en la parte del código que se requiera (si es en la consola se teclea el nombre de la variable).
// Declarar tres variables
var numero_1
var numero_2
var suma
// Asignar valores
numero_1 = 1
numero_2 = 1
suma = numero_1 + numero_2
// Para asignar el valor que va a contener suma estamos utilizando el valor que
// está almacenado en las variables numero_1 y numero_2.
// Finalmente utilizamos el valor de las tres variables para formar un mensaje de texto:
console.log( "La suma del número: " + numero_1 + " con el número: " + numero_2 + " es igual a: " + suma )
Arreglos
Un arreglo es una variable la cual puede contener varios valores al mismo tiempo.
Los valores que se pueden almacenar pueden ser de tipos diferentes (números, letras, boolean, objetos, incluso otros arreglos).
var lista
// Crear el arreglo lista con valores al momento de crear
// Los valores pueden ser de tipos distintos
lista = ["uno", 2, "tres", 4]
var semana
semana[0] = 'Lunes'
semana[1] = 'Martes'
semana[2] = 'Miércoles'
semana[3] = 'Jueves'
semana[4] = 'Viernes'
semana[5] = 'Sábado'
semana[6] = 'Domingo'
Para almacenar un valor en una posición se utiliza el nombre de la variable, la posición en la cual se quiere almacenar el valor y se asigna el valor.
Para obtener únicamente un valor almacenado de la lista, se utiliza su posición. Se nombra la variable seguido de la posición del valor que queremos obtener (entre corchetes).
Si no se asigna la posición se visualizan TODOS los elementos que contiene la lista.
semana[0]
// "Lunes"
semana
// ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"]
Nota: El primer valor de los arreglos es el número 0.
Es recomendable declarar las variables en la parte superior del script.
Nota:
Aunque en JavaScript se puede realizar el proceso de declaración y asignación en un solo paso no es muy recomendable, sobre todo cuando la declaración de la variable se hace a la mitad del código.
/*
Declaración y asignación independientes.
*/
var uno
var dos
var suma
uno = 1
dos = 2
suma = uno + dos
/*
Declaración y asignación en una línea.
Al utilizar la palabra var antes de la asignación del valor
nos da una idea de que la variable es recién creada y
queremos que tenga un valor de inicio.
*/
var uno = 1
var dos = 2
var suma = uno + dos
/*
Declaración y asignación al mismo tiempo
sin utilizar la palabra var.
Al ver las siguientes líneas (sobre todo si es parte
de un código mayor) no queda tan claro si la variable
ya fue utilizada anteriormente o si es
es la primera vez que se utiliza.
*/
uno = 1
dos = 2
suma = uno + dos