Diferencia entre revisiones de «Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios»

De WikiEducator
Saltar a: navegación, buscar
(→‎Ejercicio 4 : Usando funciones de arrays)
(→‎Ejercicio 4 : Imágenes aleatorias)
Línea 67: Línea 67:
 
}}
 
}}
  
−
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio4|Ejercicio 4 : Imágenes aleatorias]]===
+
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio4|Ejercicio 5 : Imágenes aleatorias]]===
 
<br />
 
<br />
−
{{MRM_Actividad|Title=Ejercicio 4 : Imágenes aleatorias|
+
{{MRM_Actividad|Title=Ejercicio 5 : Imágenes aleatorias|
 
Crea un array con imagenes aleatorias y luego haz que se carguen cada 5 segundos de forma aleatoria
 
Crea un array con imagenes aleatorias y luego haz que se carguen cada 5 segundos de forma aleatoria
  
Línea 94: Línea 94:
 
</source>
 
</source>
 
}}
 
}}
−
<!--
 
−
{{Plegable|hide|Posible solución|
 
−
<source lang=php>
 
−
<?php
 
−
//Inicializamos el array de imágenes
 
−
$array=[
 
−
"https://es.wikieducator.org/Archivo:Ajax_cliente_servidor.png",
 
−
"https://es.wikieducator.org/Archivo:Funcionamiento_ajax.png",
 
−
"https://es.wikieducator.org/Archivo:Angular_app_base.png",
 
−
"https://es.wikieducator.org/Archivo:Docker_distancia_1.png",
 
−
"https://es.wikieducator.org/Archivo:Opcion_Instalar.png",
 
−
"https://es.wikieducator.org/Archivo:AplicacionWeb.png",
 
−
"https://es.wikieducator.org/Archivo:Red3.png",
 
−
"https://es.wikieducator.org/Archivo:DACTW.png",
 
−
"https://es.wikieducator.org/Archivo:M3_web.png",
 
−
"https://es.wikieducator.org/Archivo:Ficheros.jpeg"
 
−
];
 
−
$ind1 = rand(0, count($array) - 1);
 
−
$ind2 = rand(0, count($array) - 1);
 
−
$ind3 = rand(0, count($array) - 1);
 
−
?>
 
−
<!DOCTYPE html>
 
−
<!--
 
−
To change this license header, choose License Headers in Project Properties.
 
−
To change this template file, choose Tools | Templates
 
−
and open the template in the editor.
 
−
 
−
<html>
 
−
    <head>
 
−
        <meta charset="UTF-8">
 
−
        <META HTTP-EQUIV=Refresh CONTENT="3; URL=index.php">
 
−
        <title>Imágenes</title>
 
−
    </head>
 
−
    <body>
 
−
        <img src="<?php echo $array[$ind1] ?>" alt="">
 
−
        <img src="<?php echo $array[$ind2] ?>" alt="">
 
−
        <img src="<?php echo $array[$ind3] ?>" alt="">
 
−
    </body>
 
−
</html>
 
−
</source>
 
−
 
−
}}
 
−
-->
 
−
}}
 
−
<!--
 
−
<font size=4 color=red>[[Usuario:ManuelRomero/NewPHP/Arrays/Ejercicios/Ejercicio4 | Solución]]</font>
 
−
<hr/>
 
−
-->
 
  
 
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio5|Ejercicio 5 : Tienda de verduras]]===
 
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio5|Ejercicio 5 : Tienda de verduras]]===

Revisión de 11:54 10 nov 2020



Acciones básicas sobre arrays

  • En esta sección son de accions básicas sobre arrays.

Ejercicio 1 : Recorrer un array básico



Icon activity.jpg

Ejercicio 1: Recorrer una array básico

  • Crea un array indexado con 5 valores de países y recórrelo con un for
  • Ahora crea un array con 5 países como índice y sus correspondiente capitales como valores
  • Después recorrelo con un foreach





Ejercicio 2 : Manipulando un array



Icon activity.jpg
Ejercicio 2: Manipulando un array
Asignando y elmininando valores
  • Creamos un array asingnándole 5 valores de forma indexada
  • Asinga valores entero, cadenas, y la quinta posición que sea otro array de tres elementos
  • Lo visualizamos con un var_dump
  • Agregamos valores en posiciones 15 y 30
  • Lo visualizamos con un var_dump
  • Eliminamos los índices vacíos de forma que quede compacto (sin usar funciones)
    • Es decir las desaparecen las posiciones 15 y 30
    • Sus valores se mantienen en las posicones 5 y 6




Ejercicio 3 : Crear un array de notas



Icon activity.jpg
Ejercicio 3 : Crear un array de notas

Crea un array con 10 notas aleatorias y posteriormente las visualizas obteniendo los valores estadísticos de la media, máxima y mínima

  • Hazlo de forma algorítmica, sin usar funciones de arrays




Ejercicio 4 : Usando funciones de arrays



Icon activity.jpg
Ejercicio 4 : Usando funciones de array

Repite el ejercicio anterior usando funciones para todas las acciones

  • Crea un array de notasde 15 alumnos Inicializadas con 0
  • Asiga a cada nota un valor aleatorio entre 5 y 10
  • Visualiza el array y verfica sus valores
  • Obtener la nota máxima, la mínima y la media del array
Ahora continuamos usando más funciones vistas en la teoría
  • Crea otro array de notas de 15 alumnos con notas entre 0 y 5
  • Junta los dos array en uno solo
  • Vuelve a realizar las acciones anteriores (max, min y media)
  • Recorre el array con un foreach
  • REaliza el recorrido con las funciones de recorrido especificadas anteriormente, mostrando en cada caso el ínice y valor (next, reset, current, key)
  • Busca el primer 10 en el array y devuelve su posición
  • Confirma si hay un 11 y un 4 como valores dentro del array
  • Ordena el array ascendentemente y muéstralo
  • Ordena el array descendentemente y muéstralo
  • Elinina valores repetidos y muéstralos




Ejercicio 5 : Imágenes aleatorias


{{MRM_Actividad|Title=Ejercicio 5 : Imágenes aleatorias| Crea un array con imagenes aleatorias y luego haz que se carguen cada 5 segundos de forma aleatoria

Icon present.gif
Tip: Para recargar de forma periódica la página pasados unos segundos podemos usar el meta de html 
<META HTTP-EQUIV=Refresh CONTENT="5; URL=vuestra_pagina.php">
Como array de imágenes podemos tomar estas
$array=[
"https://es.wikieducator.org/images/3/3d/Ajax_cliente_servidor.png",
 
"https://es.wikieducator.org/images/7/7b/Funcionamiento_ajax.png",
"https://es.wikieducator.org/images/a/aa/Angular_app_base.png",
"https://es.wikieducator.org/images/3/3d/Docker_distancia_1.png",
 
"https://es.wikieducator.org/images/4/4e/Opcion_Instalar.png",
"https://es.wikieducator.org/images/a/ab/AplicacionWeb.png",
"https://es.wikieducator.org/images/e/e4/Red3.png",
"https://es.wikieducator.org/images/f/f2/DACTW.png",
"https://es.wikieducator.org/images/e/e5/M3_web.png",
"https://es.wikieducator.org/images/a/a6/Ficheros.jpeg"];	
		);


Ejercicio 5 : Tienda de verduras



Icon activity.jpg
Ejercicio 5 : Tienda de verduras

Dada una tienda de verduras con los siguientes productos 

$productos = [
    'lechuga' => ['unidades' => 200,
                   'precio' => 0.90],
    'tomates' =>['unidades' => 2000,
                 'precio' => 2.15],
    'cebollas' =>['unidades' => 3200,
                  'precio' => 0.49],
    'fresas' =>['unidades' => 4800,
                'precio' => 4.50],
    'manzanas' =>['unidades' => 2500,
                  'precio' => 2.10],
];
  • Realiza una aplicación con un formulario para poder comprar productos
  • Tras la compra se visualizará la factura del producto siempre que haya unidades
  • Se mostrará las unidades que quedan de cada producto




Ejercicio 6 : Accesos de usuario



Icon activity.jpg
Ejercicio 6 : Accesos de usuario
Creamos una aplicación dónde los usuarios se identifican (una caja de texto para identificarse)
Luego iremos contando cada vez que un usuario hace un click




Ejercicio 7 : Array multinivel



Icon activity.jpg
Ejercicio 7 : Array multinivel
Vamos a realizar un recorrido de un array asociativo de varios niveles.
Realizaremos un estudio del array y luego lo recorreremos
Dado un fichero que contiene un array asociativo
El array contiene información de cantantes y de cada cantante su nombre, su década y canciones que tiene
Se trata que trabajes en dos aspectos que se complementas
  1. Entender y explicar el contenido del array, es decir si es asociativo o indexado y los indices que tiene. Si una posición es un array a su vez procedemos a explicarlo igualmente
  2. Posteriormente lo recorreremos mostrando información de los cantantes y para cantante sus canciones
Para hacer esta parte facilito un pequeño css y consistiría en aplicar el div cantante y el div canciones
Ficheros

Artista.pdf Este fichero es un css para el ejercicios Contenido del ArrayAsociativo.php

Para ver el array una buena forma es cargarlo en un fichero php y hacer o bien un var_dump o bien un print_r 
<?php
 
require_once ("datos.php");
 
var_dump( $artistas );
 
 
?>
  • A partir de él podemos mostrar la siguiente imagen que describe el aray

ArrayComplejo.png

  • Observamos que en primera instancia tengo un array asociativo de 6 índices cuyos valores son 
185711, 32841, 84062, 84430, 84221, 118504
  • Cada posición tiene como valor un array asociativo de 4 posiciones cuyos índices tiene los valores 
name decades link canciones
  • La posición name directamente tiene un valor string que es el nombre del artista
  • La posición decades tiene un valor string que es la década de ese cantante
  • La posición link tiene un valor string que es un url a una página con información sobre el artista
  • La posición canciones es un array indexado de tantas posicione como canciones tenga el artista
  • Cada posición del array indexado canciones es un array asociativo con dos índices 
title link
  • La posición title es un string con el título de la canción
  • La posición link es un string con un url donde se puede oir la canción (Actualmente ya no están alojadas en esa posición)




Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios&oldid=27543»