Arrays en Javascript

Passem a un nou tema en el Manual de Javascript, en què anem a conèixer la nostra primera estructura de dades.

En els llenguatges de programació existeixen estructures de dades especials que ens serveixen per guardar informació més complexa que simples variables. Una estructura típica en tots els llenguatges és el Array, que és com una variable on podem introduir diversos valors, en lloc de solament un com passa amb la variables normals.

Els arrays ens permeten guardar diverses variables i accedir a elles de manera independent, és com tenir una variable amb diferents compartiments on podem introduir dades diferents. Per a això utilitzem un índex que ens permet especificar el compartiment o posició a la qual ens estem referint.

Nota: Els arrays es van introduir en versions Javascript 1.1 o superiors, és a dir, només els podem utilitzar a partir de els navegadors 3.0. Per navegadors antics es pot simular l’array utilitzant sintaxi de programació orientada a objectes, però la veritat és que actualment aquesta limitació no ha de preocupar. A més, donada la complexitat de la tasca de simular una matriu per mitjà d’objectes, si més no en el moment en què ens trobem i les poques ocasions en què el necessitarem, opinem que és millor oblidar-nos d’aquest assumpte i treballar simplement amb els arrays normalment. Així que en aquest article i els següents veurem com utilitzar l’autèntic array de Javascript.

Creació d’Arrays javascript

El primer pas per utilitzar un array és crear-lo. Per a això utilitzem un objecte Javascript ja implementat en el navegador. Veurem en endavant un tema per explicar el que és l’orientació a objectes, encara que no serà necessari per poder entendre l’ús dels arrays. Aquesta és la sentència per crear un objecte array:

var miArray = new Array()

Això crea una matriu a la pàgina que aquesta executant-se. La matriu es crea sense cap contingut, és a dir, no tindrà cap casella o compartiment creat. També podem crear l’array Javascript especificant el nombre de compartiments que tindrà.

var miArray = new Array(10)

En aquest cas vam indicar que la matriu tindrà 10 posicions, és a dir , 10 caselles on guardar dades.

És important que ens fixem que la paraula Array en codi Javascript s’escriu amb la primera lletra en majúscula. Com en Javascript les majúscules i minúscules si que importen, si ho escrivim en minúscula no funcionarà.

Tant s’indiqui o no el nombre de caselles de l’array javascript, podem introduir en l’array qualsevol dada. Si la casella està creada s’introdueix simplement i si la casella no estava creada es crea i després s’introdueix la dada, de manera que el resultat final és el mateix. Aquesta creació de caselles és dinàmica i es produeix a el mateix temps que els scripts s’executen. Vegem a continuació com introduir valors en els nostres arrays.

miArray = 290 miArray = 97 miArray = 127

S’introdueixen indicant entre claudàtors l’índex de la posició on volíem guardar la dada. En aquest cas introduïm 290 en la posició 0, 97 en la posició 1 i 127 en la 2.

Els arrays en Javascript comencen sempre en la posició 0, així que un array que tingui per exemple 10 posicions, tindrà caselles de la 0 a la 9. Per recollir dades d’un array ho fem igual: posant entre claudàtors l’índex de la posició a la qual volem accedir. Vegem com s’imprimiria a la pantalla el contingut d’un array.

var miArray = new Array(3) miArray = 155 miArray = 4 miArray = 499 for (i=0;i<3;i++){ document.write("Posición " + i + " del array: " + miArray) document.write("<br>") }

Hem creat una matriu amb tres posicions, després hem introduït un valor en cadascuna de les posicions de l’array i finalment les hem imprès. En general, el recorregut per arrays per imprimir les seves posicions, o qualsevol altra cosa, es fa utilitzant bucles. En aquest cas utilitzem un bucle FOR que va des del 0 fins al 2.

Podem veure l’exemple en marxa en una altra pàgina.

Tipus de dades en els arrays

A les caselles dels arrays podem guardar dades de qualsevol tipus. Podem veure una matriu on introduïm dades de tipus caràcter.

miArray = "Hola" miArray = "a" miArray = "todos"

Fins i tot, en Javascript podem guardar diferents tipus de dades en les caselles d’un mateix array. És a dir, podem introduir números en unes caselles, textos en altres, boleanos o qualsevol altra cosa que desitgem.

miArray = "desarrolloweb.com" miArray = 1275 miArray = 0.78 miArray = true

Declaració i inicialització resumida d’Arrays

en Javascript tenim a la nostra disposició una manera resumida de declarar un array i carregar valors en un mateix pas. Fixem-nos en el codi següent:

var arrayRapido = 

Com es pot veure, s’està definint una variable anomenada arrayRapido i estem indicant en els claudàtors diversos valors separats per comes. Això és el mateix que haver declarat l’array amb la funció Array () i després haver-li carregat els valors un a un.

En el proper article seguirem veient coses relacionades amb els arrays , en concret aprendrem a accedir a la longitud d’un array .

Deixa un comentari

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *