Funciones arrays Javascript. push, sort (ordenar números), concat, join, pop, shift, slice, splice, etc. (CU01153E)

FUNCIÓN

UTILIDAD

EJEMPLOS aprenderaprogramar.com

concat(it1, it2, … , itN)

Devuelve la concatenación de it1, it2, …, itN con el array sobre el que se invoca. It1, it2, …, itN pueden ser tipos primitivos u objetos.

var A3 = A1.concat(5, 9);

var A4 = A1.concat(A2);

var A5 = A1.concat([-4, 22, 11]);

push(x)

Añade x al final del array como nuevo (o nuevos) elemento, y devuelve la nueva longitud del array.

A1.push(55, 66);

//Añade 55 y 66 al final

unshift(x)

Añade x al principio del array como nuevo (o nuevos) elementos.

A1.unshift([77, 88, 99]);

//Ahora A1 tiene 3 elementos más, al principio

splice (ind, 0, it1, it2, … , itN)

Modifica el array añadiendo los elementos it1, it2, …, itN, que son insertados en la posición ind (desplazando a los existentes).

A1.splice(3, 0, 'xxx', 'yyy');

//Inserta xxx en posición 3, yyy en posición 4 y desplaza a los elementos existentes antes.

splice (ind, cuant, it1, it2, … , itN)

Modifica el array eliminando cuant elementos e insertando it1, it2, …, itN, desde el índice ind.

ejemplo.splice(3, 2, 'es', 'un', 'en');

//Se borran dos elementos y se insertan tres, con lo que la longitud del array es 1 más de la anterior.

FUNCIÓN

UTILIDAD

EJEMPLOS aprenderaprogramar.com

pop()

Elimina el último elemento del array y lo devuelve.

var ultimoElemento = A1.pop();

//Ahora A1 tiene 1 elemento menos

shift()

Elimina el primer elemento del array y lo devuelve.

var primerElemento = A1.shift();

//Ahora A1 tiene 1 elemento menos

splice (ind, cuant)

Modifica el array borrando cuant elementos a partir del índice ind.

A1.splice(3, 2);

splice (ind, cuant, it1, it2, … , itN)

Modifica el array eliminando cuant elementos e insertando it1, it2, …, itN, desde el índice ind.

ejemplo.splice(3, 2, 'es', 'un', 'en');

//Se borran dos elementos y se insertan tres, con lo que la longitud del array es 1 más de la anterior.

delete A[ind]

Elimina el elemento con índice ind del array A. El contenido a[ind] pasa a ser undefined.

delete A[7];

//Ahora A[7] contiene undefined

FUNCIÓN

UTILIDAD

EJEMPLOS aprenderaprogramar.com

slice (firstIn, lastOut)

Devuelve un array con los elementos extraídos entre los índices firstIn y lastOut-1.

Es decir, el elemento en la posición firstIn se incluye y el elemento en la posición lastOut se excluye.

var result = [1, 2, 3, 4, 5].slice(1,4);

//result contiene [2, 3, 4]

slice (firstIn)

Devuelve un array con los elementos extraídos entre el índice firstIn y el último elemento.

Si se indica un valor negativo, se extrae un array con los firstIn últimos elementos.

var result = [1, 2, 3, 4, 5].slice(-2)

//result contiene [4, 5]

FUNCIÓN

UTILIDAD

EJEMPLOS aprenderaprogramar.com

indexOf(x)

Busca x dentro del array y devuelve la posición de la primera ocurrencia.

var result = A1.indexOf(14);

lastIndexOf()

Busca x dentro del array empezando por el final y devuelve la posición de primera ocurrencia.

var result = A1.lastIndexOf(14);

FUNCIÓN

UTILIDAD

EJEMPLOS aprenderaprogramar.com

join(separador)

Une los elementos de un array en una cadena de texto donde cada elemento está separado por ‘separador’.

var frase = ['quiero', 'aprender'].join(' ');

//frase es tipo String y contiene ‘quiero aprender’

toString()

Une los elementos de un array en una cadena de texto donde cada elemento está separado por una coma.

var frase = ['quiero', 'aprender'].toString();

//frase es tipo String y contiene ‘quiero,aprender’

valueOf()

Este método devuelve la representación como tipo primitivo de un objeto. En el caso de un array, hace lo mismo que el método toString().

alert (A1.valueOf());

//Mismo resultado que alert(A1);

FUNCIÓN

UTILIDAD

EJEMPLOS aprenderaprogramar.com

reverse()

Invierte el orden de los elementos en el array (el final pasa a ser el principio).

A1.reverse();

//Los elementos quedan ordenados al revés

sort()

Si no recibe parámetros, ordena los elementos del array por orden alfabético (que no coincide con el numérico), quedando el array modificado. Comentaremos esta función con más detenimiento.

var result = [2, 11, 111, 7].sort();

//result vale [11, 111, 2, 7] porque el orden es alfabético, no numérico.

function funcionDeComparacion (elem1, elem2) { return elem1 – elem2; }

<!DOCTYPE html>

<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">

<script type="text/javascript">

function ejemplo() {

var miArrayOriginal = [1, 4, 2, 9, 11, 44, 111, 7, 4];

var miArray = [1, 4, 2, 9, 11, 44, 111, 7, 4];

var msg ='El array original es: ' + miArrayOriginal +'\n';

msg = msg + 'Ordenado de mayor a menor es ' + miArray.sort(deMayorAMenor)+'\n';

msg = msg + 'Ordenado de menor a mayor es ' + miArray.sort(deMenorAMayor)+'\n';

alert(msg);

}

function deMenorAMayor(elem1, elem2) {return elem1-elem2;}

function deMayorAMenor(elem1, elem2) {return elem2-elem1;}

</script>

</head>

<body><div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>

<div style="color:blue;" id ="pulsador" onclick="ejemplo()"> Probar </div>

</body>