You are on page 1of 3

Trabajar con arreglos es una tarea habitual para cualquier

programador, particularmente para aquellos que elegimos el lenguaje


javascript. Recorrer un arreglo, encontrar un elemento, obtener
ciertos elementos segn sus caractersticas son tareas frecuentes.
Pequeos pedazos de cdigo para manejar arreglos se copian y
pegan (o en el mejor de los casos se reescriben) continuamente. La
pregunta es simple: Algo que nos resulta tan natural y que estamos
tan acostumbrados a hacer da a da, lo estamos haciendo de la
mejor manera?
A continuacin se muestran los mtodos de la clase array y algunos
ejemplos de como pueden mejorar nuestro cdigo notablemente.
Estos mtodos tienen implementacin nativa en navegadores
modernos, con lo cual la eficiencia es superior comparada con la
eficiencia de cualquier otra librera .js para colecciones (se puede
utilizar array.js para obtener soporte completo). Todava ms: por su
vasta funcionalidad, los mtodos de la clase array abarcan a casi
todos los mtodos de colecciones no nativos, solo hay que aprender a
utilizarlos.
Mtodos
Eliminar
pop: Elimina el ultimo elemento. Devuelve el elemento eliminado.
shift: Elimina el primer elemento. Devuelve el elemento eliminado.
Agregar
push: Agrega al final del arreglo uno o ms elementos. Devuelve la
nueva longitud.
unshift: Agrega uno o ms elementos al inicio. Devuelve la nueva
longitud.
splice: Agrega y/o elimina elementos.
Orden
reverse: Da vuelta el arreglo.
sort: Ordena los elementos.
Unin
concat: Une 2 arreglos.
join: Une los elementos en un string.
Posicin
indexOf: Devuelve el ndice del primer elemento encontrado.
lastIndexOf: Devuelve el ndice del ltimo elemento encontrado.
Recorrer
forEach: Ejecuta una funcin para cada elemento del arreglo.
filter: Devuelve un nuevo arreglo cuyos elementos satisfacen la
funcin pasada por parmetro.
map: Dada una funcin de conversin, devuelve un nuevo arreglo
con cada elemento convertido.
some: Dada una funcin, devuelve verdadero si algn elemento
cumple con la misma.
every: Dada una funcin, devuelve verdadero si todos los elementos
cumplen con la misma.
Ejemplos
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var arr = ['durazno', 'pera', 'manzana', 'banana', 'mandarina']

arr.pop()
> "mandarina" //el arreglo queda: ["durazno", "pera", "manzana", "banana"]

arr.shift()
> "durazno" //el arreglo queda: ["pera", "manzana", "banana"]

arr.push('naranja')
> 4 //el arreglo queda: ["pera", "manzana", "banana", "naranja"]

arr.unshift('kiwi')
> 5 //el arreglo queda: ["kiwi", "pera", "manzana", "banana", "naranja"]

arr.splice(0,1)
> ["kiwi"] //el arreglo queda: ["pera", "manzana", "banana", "naranja"]

arr.splice(2,2)
> ["banana", "naranja"] //el arreglo queda: ["pera", "manzana"]

arr.splice(2,0, "banana", "naranja")
> [] //el arreglo queda: ["pera", "manzana", "banana", "naranja"]

arr.splice(0,1, "kiwi")
> ["pera"] //el arreglo queda: ["kiwi", "manzana", "banana", "naranja"]

arr.reverse()
> ["naranja", "banana", "manzana", "kiwi"] //el arreglo queda: ["naranja", "banana", "manzana", "kiwi"]

arr.sort()
> ["banana", "kiwi", "manzana", "naranja"] //el arreglo queda: ["banana", "kiwi", "manzana", "naranja"]

arr.concat(['pera', 'pomelo'])
> ["banana", "kiwi", "manzana", "naranja", "pera", "pomelo"] //el arreglo queda: ["banana", "kiwi", "manzana", "naranja"]

arr.join()
> "banana,kiwi,manzana,naranja"
33
34
35
36
37
38
39
40
41
42
43

arr.indexOf('naranja')
> 3

arr.indexOf('kiwi')
> 1
En la segunda parte de este artculo se muestran ejemplos de los
mtodos ms interesantes de array: forEach, filter, map, every, some
- See more at: http://fernetjs.com/2012/10/trabajar-con-arreglos-
en-javascript-parte-1/#sthash.90C1IPUj.dpuf