Diferencia entre revisiones de «Programación en JavaScript/Variables»

¿Cómo definimos una variable?

 

var miVar = 1234;

Aquí hemos definido una variable numérica con un valor entero. Pero también podríamos definir un número con decimales:

 

var miVar = 12.34;

 

Como podemos ver, la nueva variable usa el operador ‘.’ (punto) para distinguir entre la parte entera y la parte decimal. Esto es importante, porque no podemos usar la coma como hacemos en España.

Si queremos definir una cadena de caracteres, lo podemos hacer de la siguiente manera:

 

var miCadena = 'Hola, mundo';

 

O bien:

 

var miCadena = "Hola, mundo";

 

Aquí vemos que podemos usar los dos tipos de comillas para crear cadenas de caracteres, y será muy útil cuando trabajemos con ello (podemos incluso combinarlas dentro de la misma cadena).

También podemos crear variables con valores lógicos. Eso significa que la variable podrá tener sólo dos valores: verdad o mentira.

 

var miVar = true;

 

Los valores admitidos para este tipo de variables son true y false. Este tipo de variables nos vendrán muy bien para crear condiciones y como valor para devolver en funciones, que veremos más adelante.

Las variables podemos usarlas en multitud de situaciones, al mostrar datos, al enviarlos y recibirlos, en expresiones y llamadas a funciones... Podemos tratar con variables para almacenar los datos que vamos a usar a lo largo del programa, tanto globalmente en toda la aplicacion como de forma exclusiva con las funciones que creemos, como veremos en el capítulo correspondiente.

 

var numero = 1;

numero = numero + 2;

numero += 3;

 

El resultado final de esta operación sera que la variable numero será igual a 6. En la primera línea lo que hemos hecho es declarar la variable numero con el valor inicial 1. Despues, hemos incrementado el valor de la variable con la misma variable, sumándole 2, y posteriormente hemos vuelto a incrementar la variable sumándole 3 por medio del operador tipográfico +=. Los operadores se encuentran en el primer apéndice del curso.

Sin embargo, surge un pequeño problema cuando tenemos que tratar con cantidades mayores de datos. Las variables como tales sólo nos permiten gestionar un dato cada una de ellas, con lo que cuando tenemos que gestionar grupos mayores de datos, se hace realmente complicado. Miremos el siguiente ejemplo, en el que definimos unos nombres:

 

var nombre1 = 'pepe';

var nombre2 = 'toño';

var nombre6 = 'ruth';

var nombre7 = 'tete';

 

Si ahora quisiéramos listar estos datos (más adelante veremos cómo), tendríamos que referirnos a cada variable en concreto, con lo que tenemos pululando por nuestro programa siete variables a las que será difícil referirnos de una forma genérica (por ejemplo, como estudiaremos más adelante, para listarlos dinámicamente en un formulario). Para resolver este problema tenemos una solución: las matrices.

Las matrices son variables que contienen un objeto de tipo Array(). Podemos definir una matriz de la siguiente manera:

 

var matriz = new Array();

 

De esta forma, hemos creado una matriz vacía que puede contener un numero ilimitado de elementos, tantos como nos permita el sistema donde se ejecuta. Las matrices vienen a ser como cajas que en vez de contener una sola cosa, contienen muchas, como si pudiéramos dividir la caja en compartimentos en los cuales pudiéramos ir depositando cosas.

Además, podemos crear matrices con una "dimensión": es decir, que podemos hacer que la matriz se inicie con un número de elementos determinado:

 

var matriz = new Array(15);

 

Con esta instrucción, lo que hemos hecho es crear una matriz de quince elementos. Pero ahora, lo interesante es saber cómo llamar a esos elementos, ya que si creamos la matriz, pero no sabemos operar con ella, no sirve para mucho, ¿no? La forma de acceder a un elemento de la matriz es como sigue:

 

elemento = matriz[1];

 

En este ejemplo, la variable "elemento" contendrá el valor del elemento "1" de la matriz. Es lo que se llama índice de la matriz, e identifica a cualquiera de los elementos de la matriz. Hay que fijarse en que para señalar el elemento de la matriz usamos los corchetes "[]". también hay que decir que para señalar el primer elemento de la matriz, usamos el ‘0’, no el ‘1’. Así, si antes hemos definido una matriz de 15 elementos, significa que el último elemento posible es el 14.

De la misma forma, podemos dar un valor a cualquiera de los elementos de la matriz:

 

matriz[5] = ‘hola’;

 

Hemos asignado el valor ‘hola’ al elemento 5 de la matriz. Los elementos de una matriz pueden contener cualquier tipo de dato, y se pueden cambiar en cualquier parte del programa, como las variables normales.

¿Y si queremos saber cuántos datos tenemos en la matriz? Usamos un atributo de la matriz. Como dijimos antes, las matrices son objetos de tipo Array, y los objetos pueden tener atributos (datos) y funciones (código). El atributo que debemos usar es length:

 

longitud = matriz.length;

 

De esta forma, podemos saber cuantos elementos tiene la matriz. Recordad que como el primer índice es ‘0’, el último elemento será siempre matriz.length - 1.

Si necesitamos que la matriz contenga más elementos, podemos redimensionar la matriz aplicándole un nuevo objeto de matriz:

 

matriz = new Array('''longitud que queramos''');

 

Sin embargo, perderemos todos los elementos que tuviéramos anteriormente.

|siguiente=Control

}}</noinclude>