Curso basico JavaScript

Arrays en JavaScript

Arreglos en JavaScript

Un array es una lista de elementos. En JavaScript, a diferencia de otros lenguajes, los elementos de un array pueden ser de diferente tipo (strings, numbers, objetos, funciones, etc.).

Creacion de un array

Se puede crear una nueva instancia de un Array con el operador new pasándole por argumento un número el cual indica la cantidad de posiciones que posée nuestro array

1
2
3
const miArray = new Array(4)

 console.log(miArray)  // output> [empty × 4]

De esta manera se crea un array vacío de cuatro posiciones.

El modo arriba citado no suele ser muy práctico y generalmente los array se declaran al inicializarse con los corchetes []. Esto puede hacerse pasándolos vacíos (lo cual creará un array vacío) o inicializándolo con elementos

1
2
3
4
5
6
7
let miArray1 = []

console.log(miArray1)  // output> []

let miArray2 = ['Argentina', 'Bolivia', 'Chile']

console.log(miArray2)  // output> ["Argentina", "Bolivia", "Chile"]

Algunos métodos comunes

En JavaScript, menos los primitivos, todo es un objeto y Array no es la excepción. A continuación veremos algunos de los métodos comunmente más utilizados

lenght

length nos indica el largo de nuestro array, esto es, la cantidad de elementos que posée

1
2
3
4
let miArray1 = ['Argentina', 'Bolivia', 'Chile']

console.log(miArray1.length)  // output> 3

Cabe aclarar en este punto que el índice del primer elemento en un array es 0, de modo que si quisiéramos acceder al primer elemento del array lo haríamos así

1
2
3
let miArray1 = ['Argentina', 'Bolivia', 'Chile']

console.log(miArray1[0])  // output> 'Argentina'

Entonces, ya que el primer índice es 0 y length nos indica la cantidad de elementos que posée un array, si quisiéramos acceder al último elemento del array lo haríamos del siguiente modo

1
2
3
let miArray1 = ['Argentina', 'Bolivia', 'Chile']

console.log(miArray1[miArray1.length - 1])  // output> 'Chile'

forEach

Con este método podemos recorrer un array ejecutando una instrucción por cada elemento de la lista. Como argumento recibe una un callback, una función que a su vez recibe tres argumentos, el valor actual de la iteración, su índice y el array original, estos dos últimos argumentos son opcionales

1
2
3
4
5
6
7
8
9
let miArray1 = ['Argentina', 'Bolivia', 'Chile']

miArray1.forEach( (elemento, indice, array) => {
    console.log(elemento, indice, array)
})

output>  Argentina   0     ["Argentina", "Bolivia", "Chile"]
output>  Bolivia     1     ["Argentina", "Bolivia", "Chile"]
output>  Chile       2     ["Argentina", "Bolivia", "Chile"]

En cada iteración imprimimos el elemento, su índice y el array completo.

push

Con el método push agregamos al array un nuevo elemento al final del mismo

1
2
3
4
5
let miArray1 = ['Argentina', 'Bolivia', 'Chile']

miArray1.push('Venezuela')

console.log(miArray1) // output>  ["Argentina", "Bolivia", "Chile", "Venezuela"]

unshift

Si queremos agregar un nuevo elemento al inicio del array podemos utilizar el método unshift

1
2
3
4
5
let miArray1 = ['Argentina', 'Bolivia', 'Chile']

miArray1.unshift('Venezuela')

console.log(miArray1) // output>  ["Venezuela", "Argentina", "Bolivia", "Chile"]

pop

Cone el método pop podemos eliminar el último elemento de una lista. Este método retorna el elemento eliminado.

1
2
3
4
5
let miArray1 = ['Argentina', 'Bolivia', 'Chile']

miArray1.pop()

console.log(miArray1) // output>  ["Argentina", "Bolivia"]

splice

Con el método splice podemos elimar elementos de una lista. Como argumentos recibe el punto inicial desde dónde iniciaremos la eliminación de elementos y cuántos de estos elementos eliminaremos. A su vez, este método retorna un array con los elementos eliminados.

1
2
3
4
5
let miArray1 = ['Argentina', 'Bolivia', 'Chile', 'Venezuel', 'Peru']

miArray1.splice(0, 2)

console.log(miArray1) // output>  ["Chile", "Venezuel", "Peru"]

indexOf

Este método retorna el índice de un elemento que pasamos por argumento. En el caso de no wxistir devuelve un -1

1
2
3
4
5
6
let miArray1 = ['Argentina', 'Bolivia', 'Chile']

console.log(miArray1.indexOf('Argentina'))  // output>  0
console.log(miArray1.indexOf('Bolivia'))    // output>  1
console.log(miArray1.indexOf('Chile'))      // output>  2
console.log(miArray1.indexOf('México'))     // output>  -1

Recursos:

https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array