Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Vídeo 11. Arrays - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 6 de octubre de 2020 por Juan Luis C.

75 visualizaciones

Vídeo de introducción a los arrays o listas.

Más información Transcripción

Descargar la transcripción

Hola, muy buenas. En este videotutorial hablaremos sobre los Arrays. 00:00:00
Los Arrays no son más que una lista. 00:00:04
Si tenemos varias variables del mismo tipo que cumplen una función similar, 00:00:08
es muy habitual almacenarlos en forma de Arrays. 00:00:14
¿Cómo se define un Array? 00:00:18
Pues prácticamente como una variable. 00:00:20
Indicaremos el tipo, de los mismos que hemos visto las variables, 00:00:24
el nombre del array o de la lista 00:00:28
y lo que hacemos es añadirle un corchete de apertura y otro de cierre 00:00:30
por último el punto y coma, como siempre 00:00:37
a continuación, en otra línea de código 00:00:39
lo que tenemos que hacer es inicializar el array 00:00:43
para eso escribimos de nuevo el nombre que le hemos dado 00:00:47
un igual, la palabra reservada new 00:00:51
el tipo que escogimos para ese array 00:00:53
y entre corchetes un número que indica el número de elementos que va a tener el array. 00:00:56
Hay otra alternativa para hacer esto, y es cuando se crea o se define el array, 00:01:03
indicar el tipo, el nombre, poner los corchetes, pero a continuación un igual y entre llaves 00:01:09
los distintos valores que forman el array. 00:01:16
Por último, como siempre, el punto y coma. 00:01:21
De esta manera, contando los elementos que tenemos dentro de las llaves, que están todos separados por comas, podremos saber el número de elementos del array, el tamaño del array o la longitud del array. 00:01:23
Para acceder a un elemento en concreto de la lista pondríamos el nombre que hemos dado a la lista o al array y entre corchetes un número que indica la posición del elemento dentro de la lista. 00:01:40
Teniendo en cuenta una cosa muy importante 00:01:54
Y es que el primer elemento de una lista se corresponde con el número 0 00:01:57
Y el último elemento de una lista se correspondería con la longitud de la lista menos 1 00:02:02
Vamos a ver esto con un ejemplo 00:02:10
En este ejemplo vamos a dibujar tres círculos correspondientes con estas coordenadas 00:02:11
Y con los diámetros 00:02:18
Aquí lo tenemos 00:02:21
Bueno, las coordenadas las hemos inicializado a la vez que las hemos creado 00:02:24
Vemos que se trata de sendas listas de tres elementos 00:02:31
En los diámetros, para ver las distintas posibilidades, no lo hemos hecho así 00:02:35
Sino que la hemos inicializado dentro de la función setup 00:02:39
Acordaros que la función setup es lo primero que se ejecuta cuando empieza un programa 00:02:44
Hemos dicho con la palabra reservada new que se trata de un array de tres elementos 00:02:50
Y hemos dado valores a cada uno de los elementos del array 00:02:56
Fijaros como empiezo desde el cero, que es el primero, y acabo en el dos, que sería el último 00:03:01
Que es uno menos que la longitud del array 00:03:08
Y a continuación, con sender funciones circle, hemos dibujado los círculos 00:03:12
Bueno, es muy habitual utilizar bucles for junto con los arrays. Vamos a ver un ejemplo. 00:03:17
En este ejemplo, lo único que hemos cambiado ha sido el contenido de la función draw, donde en lugar de escribir una línea de código circle por cada uno de los círculos, hemos utilizado un bucle for. 00:03:23
En el bucle for utilizamos una variable que la he llamado i de tipo entero para ir recorriendo el array. 00:03:39
La condición que ponemos es que la variable i sea menor que la longitud del array. 00:03:49
Para hacerlo tengo que poner el nombre del array, un puntito y la palabra len. 00:03:55
La última instrucción del bucle sería sumar 1 a la variable i. 00:04:01
Y luego aprovechando esta variable y accedo a cada uno de los elementos de la lista. 00:04:05
¿Qué ventajas tiene hacer esto? Pues que si en lugar de tener solo tres círculos tengo 300, de la forma anterior, como lo hicimos aquí, pues tendría que escribir 300 líneas de código. 00:04:12
Sin embargo, como lo tenemos puesto aquí, no cambia el código, sigue siendo el mismo, porque automáticamente, da igual la longitud, el bucle for me va a recorrer todos y cada uno de los elementos del array. 00:04:24
Bueno, y hasta aquí el video tutorial sobre los arrays. 00:04:39
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
Autor/es:
Juan Luis Carrillo
Subido por:
Juan Luis C.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
75
Fecha:
6 de octubre de 2020 - 7:45
Visibilidad:
Público
Centro:
IES SEVILLA LA NUEVA
Duración:
04′ 44″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
48.58 MBytes

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid