10 May Ejercicio sobre arrays, listas, arreglos, vectores o como le quieras llamar
Posted at 07:30h in Ejercicios Javascript, Tutorial Javascript. Aprende JS paso a paso y gratis. Apuntes de alumno. 0 Comments
En javascript existen hasta 5 tipos de variables.
Números, strings, booleanos, funciones y objetos.
Sin embargo algunos de ellos pueden tener distintos nombres. Este es el caso de los arrays, un tipo especial de objeto.
Las listas en algunos lugares se mencionan también como vectores, listas, arreglos.
En este ejercicio vamos a practicar con ellos.
Leer esta entrada dónde se explica la teoría te puede ser de utilidad.
Enunciado
En el siguiente documento html se indican en comentarios los pasos que debes completar.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>08 - arrays</title>
<meta name="author" content="francesc ricart"/>
</head>
<body>
<script>
var amigos = ["pedro","maria","joan","pili"];
// 1- queremos que escriba "mis amigos son maria y joan. rellena los huecos."
document.write("mis amigos son"+ "<b>" + amigos[] + "</b>" + " y <b>" + amigos[]+"</b>");
// 2- ¿dónde está el fallo?
var enemigos = ["scipion" + "scorpio" + "black"];
// 3- escribe en el documento web "scorpio es peor que black" de modo que scorpio esté en negrita y la letra sea de color rojo.
// 4- escribe una instrucción que devuelva la longitud del array amigos sea cual sea el número de datos almacenados en su interior.
// 5- "aitana" es también tu amiga. Escribe una instrucción que la añada al final de la lista amigos
// 6 - "pedro" ha cambiado de nombre. ahora se llama "nacho". actualiza con una instrucción tu lista de amigos
// 7 - "tor" es ahora tu enemigo. añádelo con una instruccion al final de tu lista de enemigos.
</script>
</body>
</html>Solución del ejercicio
Para resolver el ejercicio debemos entender bien los siguientes conceptos:
- como llamamos al valor almacenado en una posición determinada del array.
- el array empieza a contar en el 0 y no en el 1.
- amigos.length devuelve el número de elementos que tiene el array.
- amigos.length no coincide con la posición del último elemento y que es amigos.length-1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>08 - arrays</title>
<meta name="author" content="francesc ricart"/>
</head>
<body>
<script>
var amigos = ["pedro","maria","joan","pili"];
// 1- queremos que escriba "mis amigos son maria y joan. rellena los huecos."
//document.write("mis amigos son"+ "<b>" + amigos[] + "</b>" + " y <b>" + amigos[]+"</b>");
document.write("mis amigos son "+ "<b>" + amigos[1] + "</b>" + " y <b>" + amigos[2]+"</b>");
// 2- ¿dónde está el fallo?
//var enemigos = ["scipion" + "scorpio"]
var enemigos = ["scipion","scorpio","black"];
// 3- escribe en el documento web "scorpio es peor que black" de modo que scorpio esté en negrita y la letra sea de color rojo.
document.write("<br>");
document.write("<b style='color:red;font-weight:bold;'>" + enemigos[1] + "</b>" + " es peor que " + enemigos[2]);
// 4- escribe una instrucción que devuelva la longitud del array amigos sea cual sea el número de datos almacenados en su interior.
document.write("<br>");
document.write(amigos.length)
// 5- "aitana" es también tu amiga. Escribe una instrucción que la añada al final de la lista amigos
amigos[amigos.length]="aitana";
// 6 - "pedro" ha cambiado de nombre. ahora se llama "nacho". actualiza con una instrucción tu lista de amigos
amigos[0]="nacho";
// 7 - "tor" es ahora tu enemigo. añádelo con una instruccion al final de tu lista de enemigos.
enemigos[enemigos.length] = "tor";
</script>
</body>
</html>¡Hola!
Querido lector,
Para aprender javascript hay que escribir mucho.
Ahora bien, no puedes pasar al siguiente concepto hasta que no has aprendido el anterior. No se trata tanto de hacer muchos ejercicios como de entender en cada momento concreto lo que se está escribiendo y el paso a paso de como lo interpreta el navegador web.
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
Instrucciones básicas para familiarizarse con javascript
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...
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...
Como llamar nodos del DOM mediante javascript
Repasamos los distintos métodos directos e indirectos y estrategias para acceder e identificar los nodos del DOM de modo inequívoco.
Repasamos los distintos métodos directos e indirectos y estrategias para acceder e identificar los nodos del DOM de modo inequívoco.
Programa que genera una contraseña aleatoria y segura con javascript
Ejercicio javascript dónde se muestra como generar contraseñas seguras de un modo bien fácil de cualquier longitud y letras. Incluye solución.
Ejercicio javascript dónde se muestra como generar contraseñas seguras de un modo bien fácil de cualquier longitud y letras. Incluye solución.
Ejercicio - Programación de una ventana infinita cansina en JS
Ejercicio que pregunta iterativamente el color del caballo blanco de santiago hasta que se resuelve. Incluye solución.
Ejercicio que pregunta iterativamente el color del caballo blanco de santiago hasta que se resuelve. Incluye solución.
Ejercicio JS - Como cargar una imagen aleatoria al clicar un botón
Ejercicio javascript resuelto en el que see plantea un script para cargar una imagen aleatoria cada vez que se clica un botón.
Ejercicio javascript resuelto en el que see plantea un script para cargar una imagen aleatoria cada vez que se clica un botón.
Ejercicio - ¿Qué hora es? Programación de un reloj muy sencillo en JS
Ejemplo de programación de un script que devuelve una hora con formato personalizado hh:mm:ss.
Ejemplo de programación de un script que devuelve una hora con formato personalizado hh:mm:ss.
No Comments