contacto[arroba]digitallearning.es
Título curso Aprende a programar (con Javascript)

Métodos del objeto Array

Ya vimos que los arrays nos permitían almacenar listas con un número variable de valores.

También vimos que podíamos cambiar o añadir valores, indicando la posición en la lista  (el índice, que recordemos, empieza en ‘0’) donde haremos el cambio o añadiremos el nuevo valor, como en el siguiente ejemplo:

Pues bien, un array en Javascript es un tipo de objeto que tiene asociados diversos métodos que nos permiten manipular sus valores almacenados de muchas más formas.

Como es habitual, para aplicarlos se escriben con la siguiente estructura:  nombreArray.metodo()

Vamos a describir algunos de estos métodos o funciones:

Método pop()

Este método elimina el último elemento del array.

Se escribiría: nombreArray.pop().

Si aplicamos este método sobre el array ‘ciudades’ que creamos antes:

ciudades.pop() : eliminaría su último valor, es decir ‘Granada’

Método push()

Este método añadiría nuevos valores al final del array.

Se escribiría: nombreArray.push(valor1, valor2,…).

Como ves, podemos añadir uno o varios valores al array con este método. Siguiendo con el ejemplo del array anterior:

ciudades.push("Lugo", "Castellón", "Oviedo")

Métodos shift() y unshift()

Si queremos eliminar o añadir valores al principio del array, en vez de al final como hemos visto con pop() y push(), tendríamos las funciones shift() y unshift() respectivamente. Ejemplos:

ciudades.shift()  : elimina el primer valor del array. Cuenca

ciudades.unshift("León", "Ciudad Real")  : añade al principio del array estas dos ciudades

Método splice()

No solo estamos limitados al principio o final del array, la función splice() nos permite insertar y/o eliminar elementos en cualquier parte del array. Lo vemos mejor con dos ejemplos:

ciudades.splice(2,3)  : borraría a partir del valor ciudades[2], los tres siguientes valores.

ciudades.splice(1,0, "Cádiz", "Vitoria", "Tarragona")  : añadiría a partir del valor ciudades[1], esas tres nuevas ciudades. Al tener el 2º parámetro el valor ‘0’, no borraría ninguno)

Método indexOf()

Este método nos da la posición o índice que ocupa en el array un valor dado, como un texto o un número. Busca solo la primera coincidencia en caso de que esté repetido.

ciudades.indexOf("Vitoria") 

Propiedad length

Esta propiedad que ya vimos con string nos da la longitud del array. Ejemplo: ciudades.length

Nota: recordar que las propiedades no lleva paréntesis en la notación, como ocurre con los métodos.

Adelantándonos a un apartado posterior, los bucles, veremos que con estas instrucciones podemos recorrer fácilmente todos los valores de un array utilizando esa instrucción y la propiedad length. Aunque explicaremos más adelante los bucles, puedes ir haciéndote una idea de sus posibilidades, comprobando el resultado del siguiente ejemplo:

Saber más: para los que quieran ampliar esta información, aquí pueden consultar una lista completa de los métodos del objeto array