trisquel

Aprende JavaScript con ejemplos (XII). Los arrays en JavaScript.

Veamos un ejemplo de utilización de un array:

<p id="aqui"></p>
<script>
var dias = ["lunes", "martes", "miércoles","jueves", "viernes", "sábado", "domingo"];
document.getElementById("aqui").innerHTML = dias;
</script>

También se podría haber creado el array de la siguiente forma:

var dias = new Array ("lunes", "martes", "miércoles","jueves", "viernes", "sábado", "domingo");

¿Se pueden tener objetos de diferentes tipos en un array?

Simplemente puedes intentar ha hacer lo siguiente:

dias[1]=Date();

Y ver si funciona.

Ejercicio 12.1
En caso que funcione el ejemplo anterior, cambia el formato de la fecha para que aparezca con el siguiente: dd/mm/yyyy.
Algunas cosas que puedo hacer con mi array

- Conocer la longitud:
longitud = dias.length;

- Ordenarlo en orden alfabético:
dias = dias.sort();

- Añadir un nuevo elemento:
dias = dias.push("juernes");

- Extraer el último elemento:
ultimo = dias.pop();
Ojo, el último elemento se eliminará del array. Extraer significa retirar.

- Eliminar el primer elemento:
dias.shift();

- Eliminar un elemento concreto:
delete dias[2];

Ejercicio 12.2
Investiga para qué sirven y cómo funcionan los siguientes métodos. Pon un ejemplo de uso de cada uno de ellos.

  • splice()
  • concat()
  • slice()
Ejercicio 12.3
Romualdo que todavía no ha terminado el ciclo de DAW se pregunta si puede hacer lo siguiente:
var milista = ['panadero', 456, [0, 1, 2]];

Y también poder utilizar la siguiente posición del array:
milista[2][2]

Comprueba si puede utilizarlo e intenta hacer una pequeña web que muestre todo el contenido del array milista (si es posible).

Ejercicio 12.4
Benito no sabe si el código siguiente funciona y qué hace:

var perrillos = ["Rocket","Flash","Bella","Slugger"];
Console.log(perrillos.toString());
var ciudades = ‘Manchester,London,Liverpool,Birmingham,Leeds,Carlisle’;
perrillos = ciudades.split(‘,’);
Console.log(perrillos.toString());

Explícale si funciona correctamente (corrige lo que esté mal) y realiza un procedimiento que elimine del array perrillos todos los elementos que contengan una C sin importar si está en mayúscula o minúscula.
Modifica el programa para que perrillos contenga los nombres de los perros y las ciudades (ambos).

Comprueba si funciona lo siguiente:
perrillos.unshift(‘Estepona’);

Ejercicio 12.5
Tenemos un array muy grande con elementos de la siguiente estructura:
“28924;Estepona”
Lo que queremos es crear un texto y un botón que ponga buscar que lo que haga sea mostrar el CP y el nombre de la ciudad que coincida o contenga el texto del campo creado. No importan las mayúsculas y minúsculas en la búsqueda.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>