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:

Eliminar eventos Javascript .removeEventListener()
- 1170
Ejemplos prácticos de como usar addEventListener() y removeEventListener() del tutorial gratuito de Javascript (y apuntes para mis alumnos)
La apasionante historia del Javascript (resumida)
- 595
Javascript es un lenguaje de programación de lado cliente que ha cambiado Internet tal y como lo conocemos a día de hoy. Junto con el html y el css es uno de los 3 pilares del diseño web. Es un requer...
Ejercicio – Crear una lista de recordatorios
- 144
Ejercicio javascript solucionado para crear una lista de recordatorios y que es capaz de resetear todos los nodos. Apuntes de clase.
Javascript: Acoplamiento
- 682
En entradas anteriores hemos visto el origen de javascript como una de las aportaciones de Netscape a la web y como un lenguaje muy útil para aprender a programar. Este lenguaje de script nos permite ...
Ejercicio – ¿En qué día de la semana estamos?
- 155
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.
Ejercicio – Corregir errores de sintaxis en funciones
- 164
Ejercicio javascript dónde se repasa la sintaxi de funciones. Corrige los errores.
Ejercicio – ¿Qué declaraciones de variables son erróneas en JS?
- 175
En este ejercicio repasamos los conceptos relativos a la declaración de variables en javascript. ¿Qué declaraciones son incorrectas? Detéctalas y corrígelas.
El Document object model (DOM) de Javascript
- 405
El DOM es un tipo especial de objeto que esquematiza las relaciones y interacciones entre los nodos de un documento web y que es creado por el navegador cada vez que interpreta una página web. Cada et...
Instrucción “this” de Javascript explicada paso a paso
- 305
Ejemplo explicado paso a paso para entender el concepto del this en javascript. Se empieza con el javascript en línea en el html para finalmente inicializar los eventos llamándolos directamente desde ...
Como contar vocales y espacios en blanco en un texto mediante javascript
- 221
Ejercicio con solución dónde se muestra como hacer un script que cuenta todas las vocales y espacios en blanco de un texto introducido por el usario.
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.