Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de Javascript

Javascript: lenguaje interactivo para dinamizar la web.

Y ahora tambien aprende a programar en C++ con Aprende Web C++

Manuales para la creación y diseño de páginas web

RSS. Suscribir canal.

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.

Este obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial 4.0 Internacional.

15. Resumen (III)

15.3 Estructuras

Arrays

Definición: Lista o colección de datos que se guardan con un sólo nombre, dentro de un elemento.

Podemos guardar en un array todo tipo de datos, (numéricos, cadenas, objetos, etc ..) pudiendo cada dato de un mismo array ser de distinto tipo que los otros.

Formas de crear un array

Indicando sus elementos: éstos se ponen entre corchetes y separados por comas.

var direccion = ["norte","sur","este","oeste"];

Mediante la instrucción new Array():

Aquí podemos también indicar los elementos.

var direccion = new Array("norte","sur","este","oeste");

Podemos crear también un array sin elementos, para añadírselos más tarde:

var direccion = new Array();

Y podemos indicar solamente el número de elementos que va a tener, por ejemplo para un array de 4 elementos:

var direccion = new Array(4);

Acceso y modificación de los datos

Para acceder a un dato concreto escribiremos el nombre del array y luego entre corchetes la posición en la que está. Ésta se empieza a contar desde el número 0.

dato1 = direccion[0] // valor de dato1 = primer elemento del array

Para cambiar el valor de un elemento o crear uno nuevo basta con asignarle un nuevo valor:

direccion[4] = "noroeste"

Al dar un nuevo valor a un elemento pueden pasar varias cosas:

• El elemento ya existía antes y tenía un valor. En este caso el nuevo valor sustituye al antiguo.
• El elemento existía antes pero no tenía valor. El elemento toma el valor que se le ha asignado.
• El elemento no existía anteriormente al ser el array más corto. Se crea el nuevo elemento y se alarga el número de elementos del array hasta el indicado. Si hace falta, se crean nuevos elementos sin valor para alcanzar el número indicado.

Saber el número de elementos de un array.

La propiedad .length nos dice el número de elementos que tiene un array:

num=dirección.length;

Funciones

Una función es un bloque de código que lo aislamos del resto para poder ejecutarlo una o varias veces desde otro punto del código.

Sintaxis.

La sintaxis de la estructura para crear una función es la siguiente:

function miFuncion(a,b) {
   //código del interior de la función, aislado del resto
   return valorRetorno;
   }

Veamos las partes de esta estructura:

• function : Palabra reservada function que ponemos siempre al principio.
• miFuncion : Nombre que le damos a la función para poder llamarla después y distinguirla de otras. Si ignoramos este paso tendremos una función anónima.
• (a,b) Argumentos o parámetros. Son datos que pasamos al interior de la función para que opere con ellos. Podemos pasar 0, 1, ó varios argumentos. Cuando hay más de uno van separados por comas. Los paréntesis son siempre obligatorios, aunque no pasemos argumentos.
• { ... } : Entre llaves escribiremos el código javascript que se ejecuta al llamar a la función.
• return valorRetorno : Valor que devuelve la función una vez ejecutado el código. Consta de la palabra reservada return seguido de la variable donde hemos guardado el valor que queremos retornar. Lo pondremos siempre al final del código de la función. No es obligatorio si no queremos que devuelva un valor.

Llamada a una función

Una vez creada la función podemos llamarla desde cualquier parte del código, simplemente escribiendo su nombre seguido del paréntesis (con parámetros o no). Por ejemplo en la función anterior:

miFunción(2,5);

Esta llamada ejecutará el código del interior de la función. Pero si queremos recoger el valor de retorno debemos guardar la llamada en una variable:

resultado=miFuncion(2,5)

La variable resultado recoge el valor de retorno de la función.

Estructuras condicionales

Las estructuras condicionales comprueban si se cumple una determinada condición. Si ésta se cumple se ejecuta un código, si no es así se ejecuta otro código o ninguno.

Estructura if

La sintaxis básica de la estructura if es la siguiente

if (a==b /*condición*/ ) {
   //código cuando se cumple la condición.
   }

• if : Se pone en primer lugar la palabra reservada if.
• (/*condición*/) : Entre paréntesis escribimos la condición que debe cumplirse (normalmente se emplean los operadores condicionales y lógicos para escribir la condición).
• { ...} : Entre llaves se escribe el código que debe ejecutarse en el caso de que la condición se cumpla.

Podemos ampliar este código escribiendo también lo que debe hacer javascript cuando la condición no se cumple:

if (a==b /*condición*/ ) {
   //código cuando se cumple la condición.
   }
else { //código cuando la condición no se cumple.
   }

• else : Ponemos la palabra reservada else
• { ... } : Escribimos después entre llaves el código que debe ejecutarse cuando la condición no se cumple.

Comprobar varias condiciones.

if (a==b /*condición*/ ) {
   //código cuando se cumple la primera condición.
   }
else if (a==c /*condición*/ ) {
   //código cuando se cumple la segunda condición.
   } 
/*   ....
  ....  */

else if (a==n /*condición*/ ) {
   //código cuando se cumple la enésima condición.
   } 
else { //código cuando no se cumple ninguna condición de las anteriores.
   }

switch (variable) {
case valor_1 :
//código a ejecutar para el valor 1
break;
case valor_2 :
//código a ejecutar para el valor 2
break;
 .... 
 ....
case valor_n :
//código a ejecutar para el valor n
break; 
default:
//Código a ejecutar en caso de que no tenga ningún valor de los anteriores
break;
}

for (i=1 /*inicialización*/; i<=10 /*condición*/;i++ /*actualización*/ ) {
   //código javascript que se repite en cada vuelta del bucle.
   }

for ( i in miarray ) {
   document.write(miarray[i])//En cada vuelta podemos mostrar un elemento del array.
   }

while(/*condicion*/) {
   //Código que se repite
   }

do { //Código que se repite
   }
while(/*condicion*/)