Ejercicio JS: Uso de length y acceso a las posiciones de un array.

Ejercicio JS: Uso de length y acceso a las posiciones de un array.

Print Friendly, PDF & Email
Ejercicio JS: Uso de length y acceso a las posiciones de un array.
Valora esta entrada
En este ejercicio vamos a trabajar con arrays (vectores, arreglos).

Recuerda que:

  • El primer elemento de un array es el 0. nombreArray[0]
  • El número de elementos de un array es nombreArray.length
  • Para acceder al contenido de la última posición podemos hacerlo escribiendo nombreArray[nombreArray.length-1]

Para resolverlo sin mayor dificultad te sugiero esta sección de esta entrada.

Para profundizar un poco dale un vistazo también a esta otra sobre métodos javascript.

Vamos a repasarlo mediante un ejercicio.

Enunciado

En el enunciado se declara la variable de nombre “capitales”.

Resuelve los pasos 1 a 6 que se describen en el <script>.

<!DOCTYPE html>
<html>
<head>
	<title>Ejercicio arrays - Francesc Ricart</title>
	<meta charset="utf-8"/>
</head>
<body>

<script type="text/javascript">

//1 - Para el array de nombre 'capitales' escribe una instrucción que devuelva por la consola del navegador la longitud del vector.
	var capitales = ["tarragona","lleida","girona","barcelona","sabadell","terrassa"];


//2 - Escribe en el documento web las posiciones primera, tercera, última


//3 - Añade en última posición la ciudad de Badalona. (Como resultado el array pasará a tener longitud 7.)


//4 - Escribe por pantalla el elemento que ocupa la segunda posición;

    
//5 - Sustituye el elemento que ocupa la segunda posición por la ciudad de 'Santa Coloma'.


//6 - Escribe una rutina que intercambie los valores de las posiciones 3 y 4. ;


</script>

</body>
</html>
Ver solución (Haz clic)

Solución del ejercicio

Fijaros que hay algunos pasos que pueden tener dos soluciones.

Preferiblemente usar siempre la solución con length. Os será de utilidad mucho más adelante cuando empecemos a practicar con el DOM.

<!DOCTYPE html>
<html>
<head>
	<title>Resolución ejercicio - francescricart.com</title>
	<meta charset="utf-8"/>
</head>
<body>

<script type="text/javascript">

//1 - Para el array de nombre 'capitales' escribe una instrucción que devuelva por la consola del navegador la longitud del vector.
	var capitales = ["tarragona","lleida","girona","barcelona","sabadell","terrassa"];
       console.log(capitales.length);

//2 - Escribe en el documento web las posiciones primera, tercera, última
	document.write("<br>");

	document.write(capitales[0]);
	document.write("<br>");
	document.write(capitales[2]);
	document.write("<br>");
	//document.write(capitales[5]);
	valorUltimaPosicion = capitales[capitales.length-1]//5
	document.write(valorUltimaPosicion);
	document.write("<br>");

//3 - Añade en última posición la ciudad de Badalona. (Como resultado el array pasará a tener longitud 7.)
	//capitales[6] = "badalona";
	capitales[capitales.length] = "badalona";

//4 - Escribe por pantalla el elemento que ocupa la segunda posición;
	document.write("el elemento que ocupaba la segunda posición es");
	document.write("<br>");
	document.write(capitales[1]);
	document.write("<br>");
    
//5 - Sustituye el elemento que ocupa la segunda posición por la ciudad de 'Santa Coloma'.
	document.write("y lo he sustituido por santa coloma");
	capitales[1] = "Santa Coloma";
	document.write("<br>");

//6 - Escribe una rutina que intercambie los valores de las posiciones 3 y 4. ;
	var fotocopia="";

	fotocopia = capitales[2];
	capitales[2] = capitales[3];
	capitales[3] = fotocopia;


</script>

</body>
</html>

¡Hola!

Querido lector,

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Entradas relacionadas:

Factores que afectan al tiempo de carga de una página web
- 256
Resumimos los principales factores que deberemos tener en cuenta desde el punto de vista de alguien que ha estudiado un curso de confección y publicación de páginas web para la optimización y mejora d...
Instrucciones básicas para familiarizarse con javascript
- 381
El javascript es un lenguaje que se olvida a una velocidad de vértigo si no se practica. Es importante tener unos buenos apuntes 😉 Hoy presento instrucciones básicas que sirven para empezar con scrip...
Ejercicio – ¿En qué día de la semana estamos?
- 67
Problema javascript que devuelve en formato texto el día de la semana en el que esamos. Incluye 2 posibles soluciones con switch() y array.
Validación de formularios web: Como desactivar el envío con Javascript
- 456
Veamos como podemos deshabitar el envío de un formulario web mediante javascript. Explico el método clásico y otra alternativa más limpia mediante preventDefault().
Palabras reservadas que no se deben usar para declarar variables
- 166
Listado de palabras reservadas en Javascript de acuerdo con el último stándard ECMA Script 6.
Ejercicio – Corrige los errores (concepto acoplamiento javascript)
- 101
Ejercicio javascript en el que se repasa el concepto de acoplamiento y se piden corregir algunos errores típicos.
Ejercicio – ¿Qué hora es? Programación de un reloj muy sencillo en JS
- 85
Ejemplo de programación de un script que devuelve una hora con formato personalizado hh:mm:ss.
Ejercicio – Generación de una fecha personalizada mediante javascript
- 65
Ejercicio javascript dónde se trabaja con fechas y los métodos para fechas con el objetivo de crear fechas con formato personalizado.
Eliminar el comportamiento por defecto de un elemento html
- 229
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
Ejercicio – Generación de un dado de 6 caras con javascript
- 82
Ejercicio con solución dónde se genera un dado de 6 caras y se tira el dado 1000 veces para comprobar cuantas veces ha salido cada tirada.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.