Videotutorial de los arrays en Javascript

  • Por
Vídeo tutorial en el que explicaremos qué son los arrays, cómo asignar valores a las casillas, recuperarlos y realizar algoritmos típicos como el recorrido de arrays.
Vamos de nuevo a la carga con nuevos vídeos sobre Javascript, para ampliar las informaciones que venimos ofreciendo en el Videotutorial de Javascript de DesarrolloWeb.com. En esta ocasión le toca el turno a los arrays, las tablas, matrices o como quiera que los llamemos.

El array es la estructura de datos más simple que podemos utilizar en los lenguajes de programación y también por tanto, la más habitual. Se trata simplemente de un contenedor para una serie de datos que se almacenan en casillas independientes, aunque todas dependan de la misma variable, a las que se accede a través de un índice. En este vídeo explicaremos con detalle esta estructura, pensando sobre todo en las personas que están aprendiendo ahora a programar con Javascript y que nunca han oído hablar de ellos.

Nota: En el Manual de Javascript básico de DesarrolloWeb.com están publicadas en texto todas las explicaciones sobre arrays, que se ofrecen a lo largo de diversos artículos del mencionado manual.

Una vez que entendamos qué es un array, pasaremos a explicar la sintaxis que se utiliza en Javascript para la creación de matrices y en concreto veremos que en este lenguaje de programación se utiliza un objeto nativo. El objeto Array de Javascript no solo nos ofrece una estructura para poder crear variables que almacenan datos en diversas casillas, sino también algunas otras propiedades que nos pueden hacer falta al tratar con ellos, como "length", que nos informa de las dimensiones de un array en cualquier momento, es decir, su número de casillas.

El vídeo está repleto de ejemplos que nos servirán para entender cuáles son las operaciones típicas que se pueden hacer con arrays y también algunos algoritmos típicos como los recorridos. En concreto veremos casos como:

  • Creación de un array básico, indicando el número de casillas que tendrá. (Instanciar un objeto array)
  • Acceso a sus casillas para asignar valores y recuperarlos
  • Creación de un array sin indicar el número de casillas que tendrá
  • Averiguar la longitud de un array
  • Ver qué pasa cuando se asignan valores a casillas inexistentes de un array
  • Ver qué pasa cuando se asignan valores a casillas del array, dejando por el medio diversas casillas cuyos valores no han sido definidos.
  • Recorridos por arrays
  • Creación en formato resumido de un array (declarando el array a la vez que se asignan valores a las casillas, en una sola instrucción que se denomina el "literal array")
  • Hacer funciones que reciben arrays y trabajan con ellos
Con toda esa información esperamos que cualquier persona conozca los procesos más típicos en los que se trabaja con arrays, pero también algunos de los errores más comunes que se producen al programar con ellos.

Sin embargo, cabe decir que Javascript tiene una serie de funciones nativas (incorporadas al propio lenguaje) para trabajo con arrays. Todas esas funciones, que están presentes en el objeto Array, no las vamos a tratar en este vídeo, pues habría que explicar algunas cosas sobre programación orientada a objetos que todavía es pronto para tratar.

Sin más introducción, queremos dejaros con el vídeo sobre arrays en Javascript, que será la mejor manera de aprender a trabajar con ellos.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

Dora Gomez Sanchez

26/9/2011
Siempre un show
Felicidades a los creadores de estos videotutoriales de Javascript. Son un show al que da gusto asistir. He podido aprender mucho y gracias a vosotros estoy haciendo mis primeros avances en el mudno de la programación. Algo que dudaba estar a mi alcance. Tengo 68 años y muchas veces veo cosas que me gustaría aprender, pero no siempre encuentro profesores como los de esta web.
Sigo al tanto todas las semanas de lo que publicais, sobre todo los vídeos.
Un beso!

midesweb

28/10/2011
Gracias!
Gracias Dora, es un placer saber que servimos de ayuda!!

Blas Cortés Ayus

02/12/2011
Felicitaciones
Quiero darle un apoyo y unas felicitaciones a Doña Dora Gómez Sánchez por sus logros alcanzados a través de estos videotutoriales, pues yo también como ella, me siento contento y orgulloso de seguir estos videos que DesarrolloWeb publica. Tengo 56 años y la temática de crear y/o aprender a programar también me picó a esta edad y es así que me encuentro estudiando a través de la red, ya llevo varios cursos hechos que son seguidos en mi país a través del senavirtual, soy colombiano y la idea es seguir capacitándome vía internet pues el conocimiento para mí siempre estará al orden del día. También unas congratulaciones para esta página de desarrolloweb.com

Joel

02/3/2012
Excelentes Tutoriales!!
Voy siguiendo todos tus videos desde un principio hasta aca.. enseñas muy bien tu eres mi profe :P .. tengo una pequeña duda q diferencia tiene poner esto al iniciar el codigo javascript <script language="javascript"> con el otro <script type="text/javascript"> veo en tus tutoriales que al veces lo cambias.. por q :D

javifelices

15/3/2012
Muy didáctico
Buenas peña.

Sinceramente los videotutoriales sirven de mucho, se hace más ameno todo, y en concreto comente éste, porque me parecía algo complejo el concepto de array, recorrido y demás, y gracias a este vídeo, me ha quedado muy claro, muy entendible. El último ejemplo muy interesante por practicar de nuevo las funciones, y ver que se le puede pasar por parámetro un array.

Vamos a por nuestro último videotutorial, por ahora, "impaciente" por los nuevos, pero agradecido por el gran trabajo que os marcáis.

Un saludo y gracias.

Pablo Daniel Almada

02/10/2012
Array en Javascript
Hola desarrolloweb

Buen video, bien explicado la sintaxis de array , las formas de crear un array , y tambien gracias por la adevertencia que tenemos que tener si nos equivocamos en un palabra reservad como lenght.

Gracias.

mat_zappa

04/6/2013
enhorabuena y gracias
Eres un crack Miguel Angel!!!
enhorabuena por los videotutoriales y por toda la pagina.
Haceis un excelente trabajo.

Gracias