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.
| Spoiler Inside |
SelectShow> |
— index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="main.js"></script>
</head>
<body>
</body>
</html>
— main.js
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.
| Spoiler Inside |
SelectShow> |
— index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="main.js"></script>
</head>
<body>
</body>
</html>
— main.js
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.
| Spoiler Inside |
SelectShow> |
— index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="main.js"></script>
</head>
<body>
</body>
</html>
— main.js
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.
| Spoiler Inside |
SelectShow> |
— index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<script src="main.js"></script>
</head>
<body>
<form>
<input id="nombre" type="text" placeholder="Insertar nombre..."/>
<button onclick="insertarNombre(event)">Insertar</button>
</form>
<div>
<ul id="lista-nombres"></ul>
</div>
</body>
</html>
–main.js
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 = "<li> " + nombre + "</li>";
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.
| Spoiler Inside |
SelectShow> |
— index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="main.js"></script>
<title>Ejercicio arrays 3</title>
</head>
<body>
<div id="valores">
</div>
</body>
</html>
— main.js
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