Diferencia entre revisiones de «Programación en JavaScript/Variables»
Contenido eliminado Contenido añadido
Sin resumen de edición |
Sin resumen de edición |
||
Línea 43:
Pues bien, podemos decir que los objetos en JavaScript son muy parecidos: tienen atributos (datos) y comportamientos (código). Si nos fijamos, en realidad parecen un programa JavaScript pero contenido dentro de nuestro programa JavaScript. Así, nosotros podemos usar (y crear) objetos para hacer cosas: una ventana del navegador es un objeto window, una página HTML es un objeto document, y una imagen es un objeto de tipo Image. Es fácil darse cuenta de que los objetos son de un determinado tipo: un objeto mesa, un objeto ventana, un objeto ratón, etc... Todos los objetos de un mismo tipo tienen características semejantes, aunque luego cada objeto tiene atributos con valores distintos dependiendo de cada caso. Así, dos mesas puede tener color marrón o azul, pero las dos seguirán teniendo patas, que pueden ser 4 ó 5, depende... En JavaScript, los objetos son muy importantes, como vamos a comprobar en el siguiente capítulo, que trata de las matrices y las sentencias de control.
==Operar con variables.==
Como ya estudiamos en el capítulo anterior, en JavaScript podemos definir unos elementos llamados variables que nos permiten almacenar datos de distintos tipos. Naturalmente, nosotros podemos usar esos datos en nuestros programas y, como ya se indicó entonces, podemos incluso variar esos datos manteniendo la variable donde los depositamos. A esta operación se le llama modificar la variable, y es una de las bases de la programación moderna.
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 numero será igual a 6. En la primera linea lo que hemos hecho es declarar la variable numero con el valor inicial 1. Despues, hemos incrementado el valor de la variable con la variable misma sumandole 2, y posteriormente hemos vuelto a incrementar la variable sumandole 3 por medio del operador tipográfico +=. Los operadores se encuentran en el primer apendice del curso.
Sin embargo, surge un pequeño problema cuando tenemos que tratar con cantidades mayores de datos. Las variables como tales solo 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 nombre3 = 'mari';
var nombre4 = 'lucas';
var nombre5 = 'sonia';
var nombre6 = 'ruth';
var nombre7 = 'tete';
Si ahora quisieramos listar estos datos (más adelante veremos cómo), tendriamos 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.
==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.
| |||