Hola a todos, hoy os dejo una serie de ejercicios de arrays de Javascript para practicar todo aquello que hemos explicado en anteriores posts.
Todos los ejercicios que proponemos están resueltos en este mismo post, intenta hacerlo por ti mismo y si te quedas atascado puedes mirar la solución. Recuerda, que no tiene por que estar igual tu solución con la del post, el objetivo es que aprendas no que me copies la solución.
Si tienes alguna duda, recuerda que puedes consultarnos escribiendo un comentario en este post o enviándonos un e-mail a administrador@discoduroderoer.es
1. Rellena un array con los números del 1 al 10. Muéstralo por la consola.
— index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
charset="utf-8" /> http-equiv="X-UA-Compatible" content="IE=edge"> name="viewport" content="width=device-width, initial-scale=1"> |
— main.js
|
1 2 3 4 5 6 7 |
let array = []; for(let i=1;i<=10;i++){ array.push(i); } console.log(array); |
2. Rellena un array con números aleatorios (10 por ejemplo). Muéstralo por la consola.
— index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
charset="utf-8" /> http-equiv="X-UA-Compatible" content="IE=edge"> name="viewport" content="width=device-width, initial-scale=1"> |
— main.js
|
1 2 3 4 5 6 7 8 9 10 11 |
function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min; } let array = []; for(let i=1;i<=10;i++){ array.push(getRandomInt(1, 100)); } console.log(array); |
3. Del array anterior, créale una copia (que no sea el mismo en sí). Muéstralos por la consola.
— index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
charset="utf-8" /> http-equiv="X-UA-Compatible" content="IE=edge"> name="viewport" content="width=device-width, initial-scale=1"> |
— main.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min; } let array = []; for(let i=1;i<=10;i++){ array.push(getRandomInt(1, 100)); } let array2 = array.slice(); array2.push(5); console.log("Array1"); console.log(array); console.log("Array2"); console.log(array2); |
4. Dado un input y un boton, escribir nombres de personas (no controlamos nada de momento) y lo mostramos en una lista desordenada. Deberemos de guardar los nombres en un array y comprobar si existe el nombre en el array.
— index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
charset="utf-8" /> http-equiv="X-UA-Compatible" content="IE=edge"> name="viewport" content="width=device-width, initial-scale=1"> rel="stylesheet" type="text/css" media="screen" href="main.css" /> id="nombre" type="text" placeholder="Insertar nombre..."/>
|
–main.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
nombres = [] function insertarNombre(evt) { evt.preventDefault(); let nombre = document.getElementById("nombre").value; if (nombre == "") { alert("El nombre no puede estar vacio"); } else if(!existeNombre(nombre)) { let opcion = " let lista = document.getElementById("lista-nombres"); lista.innerHTML += opcion; nombres.push(nombre); alert("Se ha insertado el nombre"); }else{ alert("Existe el nombre"); } } function existeNombre(nombre){ // Busco el nombre const nombreEncontrado = nombres.find(element => element.trim().toLowerCase() === nombre.trim().toLowerCase()); if(nombreEncontrado){ return true; }else{ return false; } /* // Opcion clasica for(let i=0; i < nombres.length; i++){ const element = nombres[i]; if(element.trim().toLowerCase() === nombre.trim().toLowerCase()){ return true; } } return false; */ } |
5. Genera un array de números aleatorios, ordenalos y muéstralos en una lista desordenada.
Importante: debes crear tu mismo la lista.
— index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
lang="en"> charset="UTF-8"> name="viewport" content="width=device-width, initial-scale=1.0"> http-equiv="X-UA-Compatible" content="ie=edge"> id="valores"> |
— main.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min; } function ordenar() { let array = []; // Relleno el array con numeros aleatorios for (let i = 0; i < 10; i++) { array.push(getRandomInt(1, 100)); } console.log("Array sin ordenar"); console.log(array); // Ordeno el array. Es importate lo de a-b. // Si quieres de mayor a menor, porn b-a array.sort(function (a, b) { return a - b }); console.log("Array ordenado"); console.log(array); // Creo el elemento ul let ul = document.createElement("ul"); // Recorro el array for (let i = 0; i < array.length; i++) { const element = array[i]; // Creo el li let li = document.createElement("li"); // Creo el texto del li let textLi = document.createTextNode(element); // Añado el texto del li al li li.appendChild(textLi); // Añado el li al ul ul.appendChild(li); } // Añado el ul al div de valores let valores = document.getElementById("valores"); valores.appendChild(ul); } window.onload = ordenar; |
Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.
3. Realizar un programa en PHP utilizando arreglos, que lea un número y que se
visualice lo siguiente:
Cantidad de dígitos.
Indicar si algún digito es primo y la posición donde se encuentra.
Indicar si algún digito es par y la posición donde se encuentra.
Indicar si algún digito es impar y la posición donde se encuentra.
suma del primer digito con el ultimo digito.
necesito ayuda con ese ejercicio por favor
programa que pida por pantalla cuatro países y a continuación tres ciudades de cada uno de estos países. Los nombres de ciudades deben almacenarse en un array multidimensional cuyo primer índice sea el número asignado a cada país y el segundo índice el número asignado a cada ciudad.
este ejerccios tienes en resultado
tryrty