Variables
Declaración de variables.
Una variable es en realidad, un pequeño trozo de la memoria del ordenador donde vamos a guardar datos. A este pequeño trozo de memoria le daremos un nombre para poder identificarlo.
Para declarar una variable, se utiliza la palabra reservada var seguida del nombre identificativo de la variable, aunque no es necesario si quiera incluir esta palabra reservada.
Nombre= "Javier"
var numero //variable numero
numero2; //variable numero2
En la primera instrucción le decimos a JavaScript que guarde en un trozo de la memoria del ordenador la palabra Javier. A este trozo de memoria le llamamos Nombre.
Normalmente definiremos todas estas variables al comienzo del programa JavaScript, para poder utilizarlas luego
También podemos definir varias variables en una única línea:
var Nombre_y_Apellidos, Domicilio, Domicilio2, FechaNacimiento
... en lugar de
var Nombre_y_Apellidos
var Domicilio
var Domicilio2
var FechaDeNacimiento
Fíjate que en caso de definir las variables en una sola línea, se separan los nombres de variables con comas (,)
JavaScript admite cualquier nombre de variable siempre que cumpla con las siguientes normas:
- El nombre de la variable debe empezar por una letra o un guión de subrayado.
- No puede empezar por un dígito (var 2domicilio), aunque en el nombre sí se pueden incluir números en otras posiciones (domicilio2).
- No puede contener ningún carácter especial como: / * - + @ #!¿?ñ ....
- No puede tener espacios en blanco: var Nombre y Apellidos no sería un nombre válido; sin embargo, Nombre_y_Apellidos sí.
Fíjate que hemos sustituido los espacios que había entre Nombre y Apellidos por líneas de subrayado (_) quedando Nombre_y_Apellidos. Estas líneas de subrayado sí están permitidas y suelen ser utilizadas en lugar de los espacios en blanco.
Otra alternativa a los espacios en blanco entre palabras es juntar las palabras poniendo en mayúsculas la primera de las letras: NombreApellidos, FechaDeNacimiento...
- No puede coincidir con ninguna de las palabras reservadas para JavaScript.
Así pues, algunos nombres de variables que son válidas son:
| Nombre válido |
Nombre no válido |
| variable1 |
1variable |
| variable_1 |
variable 1 |
| Var |
var |
| anio |
año |
Algo que tenemos que tener en cuenta es que JavaScript es lo que se llama Case Sensitive, lo cual significa que no es lo mismo escribir 'NOMBRE' que 'Nombre',es decir, JavaScript diferencia entre mayúsculas y minúsculas.
Por ejemplo, fíjate en las siguientes palabras:
Palabra
PALABRA
PaLaBrA
palabra
... a pesar de que para nosotros tengan el mismo significado, JavaScript las reconocerá como diferentes. Así que ten cuidado, ya que muchos errores en programas JavaScript aparentemente bien escritos provienen del uso incorrecto de mayúsculas y minúsculas.
Para que lo comprendas mejor te puedes imaginar una caja con una etiqueta pegada que dice Nombre. Dentro de esta caja podemos guardar cosas. Lo que está guardado ahora dentro de la caja es la palabra Javier.
Podemos hacer que el contenido de Nombre cambie de la siguiente forma:
Nombre= "Sandra"
De esta forma desaparece el contenido Javier y se sustituye por Sandra. O sea que ahora Nombre contiene la palabra Sandra
En algunos lenguajes es necesario inicializar el valor de la variable en el momento de declararla; en JavaScript aunque podemos hacerlo si sabemos su valor, no es necesario.
// definimos tres variables: nombre, apellido1 y apellido_2
// asignándoles un valor a cada una de ellas
var nombre ="Pedro", apellido1="Gómez", apellido_2 ="Sánchez"
Tipos de variables
JavaScript puede manejar varios tipos de variables básicas. Por la forma en que se declaran, nos podemos preguntar cómo distingue unas de otras. JavaScript detecta el tipo de variable por el valor que se le asigna.
Unos valores especiales que pueden tomar cualesquiera de ellas son:
- null cuando la variable aún no se ha inicializado (no tiene ningún valor asignado). Si una variable es igual a null, significa que está vacía, aún no se le ha asignado ningún valor.
- undefined este valor indica que la variable a la que estamos haciendo referencia no existe.
var x; // x tiene un valor null
var nombre = "mi nombre"; // valor: mi nombre
// esta comparación ocasionará un error porque la variable
// Nombre no existe, es undefined.
Nombre == "Jesús""
Cadenas.
Una cadena es una variable que contiene texto. Las cadenas se escriben delimitándolas con comillas simples (') o dobles (") y pueden tener cualquier carácter.
cadena = "";
cadena2 = "hola, ¿Cómo te llamas?";
caracter ="s";
cadena4= '7';
Existen unos caracteres especiales que se pueden incluir, los cuales irán precedidos por la barra invertida ().
| n |
Salto de línea |
t |
tabulador |
| |
Barra invertida: |
|
|
| ' |
Comilla simple |
" |
Comillas dobles |
El hecho de que la cadena pueda ir delimitada por comillas simples o dobles, nos permite hacer uso de uno de éstos caracteres como si fuera un carácter más sin necesidad de escribir el carácter especial correspondiente. Además, hay que tener cuidado en abrir y cerrar la cadena por el mismo tipo de comilla; es decir, que si abrimos la cadena con comillas dobles, hasta que no encuentre otra comilla doble, entenderá que todo pertenece a la misma cadena. Ésto ocasiona, con relativa frecuencia, errores en JavaScript que, en ocasiones nos traen de cabeza hasta que son detectados si nuestro código consta de numerosas líneas. Ten, pues, cuidado.
var cadena = "Esto es una cadena";
var cadena2 = 'Esto es una cadena';
var cadenaErronea1 = "Esto es una cadena';
var cadenaErronea2 = "Esto es una "cadena"";
cadena y cadena2 son iguales.
cadenaErronea1 está mal porque la asignación del valor comienza con comillas dobles(") y termina con una simple('). Nos dará el error siguiente: Constante de cadena sin terminar.
cadenaErronea2 está mal porque no hemos usado el carácter especial " para escribir éste carácter. Dos formas de escribir la frase correctamente serán:
var cadenaBuena1 = 'Esto es una "cadena"';
var cadenaBuena2 = "Esto es una "cadena"";
Números.
Las variables numéricas enteras pueden ser de tres tipos: base decimal (base 10), hexadecimal (base 16) y octal (base 8 ).
Los enteros tomados por defecto son los de base decimal y pueden ser positivos o negativos.
Para especificar un valor hexadecimal se antepone al número el prefijo 0x y luego irán dígitos del 0 al 9 o letras de la A a la F. La x que especifica la base y las letras de A a la F pueden escribirse tanto en mayúsculas como en minúsculas.
Los números en base octal irán precedidos por un cero y a continuación dígitos del 0 al 7.
Los decimales o valores de coma flotante constan de una parte entera seguida de un punto que le separa de la parte decimal. Éstos pueden tomar valores positivos o negativos, en cuyo caso irán precedidos por un guión.
// Nota cómo las tres primeras variables tienen el mismo valor.
numero_entero = 100;
numero_decimal = 100.0;
numero_positivo = +100;
numero_negativo = -100;
Booleanas o lógicas.
Este tipo de datos solo puede tener dos valores true (verdad) o false (falso). Por ejemplo:
var casado = true
En este ejemplo asignamos el valor true a la variable casado, (lo cual nos indicaría que estamos hablando de una persona que está casada, por ejemplo).
Ten en cuenta que a la hora de definir una variable, nos da igual qué tipo de datos vamos a introducir (texto, números, boolean, null, etc.), ya que JavaScript se adapta automáticamente según el valor que introducimos en la variable (sin embargo, en la mayoría de lenguajes de programación esto no es así)
Existe un objeto en JavaScript que nos permite crear variables de este tipo, Boolean:
a = new Boolean(); //a=false
a = new Boolean(0); //a=false
a = new Boolean(""); //a=false
a = new Boolean(false); //a=false
a = new Boolean(numero_distinto_de_0);//a=true
a = new Boolean(true); //a=true
Conversión de tipos
Aunque a una variable se le asigne un valor de determinado tipo, en un fragmento del código se le puede asignar un valor correspondiente a un tipo distinto y sin que se produzca error alguno; la variable cambia de tipo.
var nombre = "true"; // nombre es una cadena
nombre = true; // ahora nombre es un boolean
Si en una sentencia operamos con variables de tipo diferente, en función de las operación que se realiza, JavaScript intentará cambiar el tipo de variable de izquierda a derecha.
3 + "1200" = 1203;
"3" + 1200 = "31200";
