viernes, 10 de enero de 2014

Tutorial Javascript parte 10 - Manejar Arrays (join, pop, push, shift, sort, ...)




Bienvenid@s a una nueva parte del tutorial de Javascript, en esta ocasión vamos ver algunos métodos y propiedades útiles para manejar arrays.

Crea un archivo y guárdalo como arrays.js en la carpeta javascript y llámalo en index.html ...

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="javascript/arrays.js"></script>
</head>
<body>
</body>
</html>


La propiedad length: regresa el número total de elementos de un array.

El método indexOf: Busca la posición de un elemento dentro de un array.

El método join: Une todos los elementos de un array en un string.

El método pop: Elimina el último elemento de un array.

El método push: Añade un elemento al final de un array.

El método shift: Elimina el primer elemento de un array.

El método unshift: Añade un elemento al principio de un array.

El método sort: Ordena los elementos de un array alfabética o numéricamente.

El método toString: Convierte un array en un string separando cada elemento por una coma.

El método reverse: Invierte la posición de los elementos de un array.

A continuación vamos a ver algunos ejemplo, para ello copia y guarda el siguiente código en el archivo arrays.js ...

//length: regresa el número total de elementos de un Array
var array = ["uno", "dos", "tres", "cuatro"];
var total = array.length;
document.write("<p>" + total + "</p>");

//indexOf: busca la posición de un elemento
var array = ["raul", "fernando", "manuel"];
var posicion = array.indexOf("fernando");
document.write("<p>" + posicion + "</p>");

//join: une todos los elementos de un array en un string a partir del pegamento
//indicado
var array = ["rojo", "azul", "verde"];
var string = array.join("-");
document.write("<p>" + string + "</p>");

//pop: elimina el último elemento de un Array
var array = ["uno", "dos", "tres", "eliminar"];
array.pop();
for(var x = 0; x < array.length; x++)
{
document.write("<p>" + array[x] + "</p>");
}

//push: añade un nuevo elemento al final del array
array.push("cuatro");
for (var x = 0; x < array.length; x++)
{
document.write("<p>" + array[x] + "</p>");
}

//shift: elimina el primer elemento de un Array
var array = ["eliminar", "dos", "tres", "cuatro"];
array.shift();
for (var x = 0; x < array.length; x++)
{
document.write("<p>" + array[x] + "</p>");
}

//unshift: añade un nuevo elemento al principio del array
array.unshift("uno");

for (var x = 0; x < array.length; x++)
{
document.write("<p>" + array[x] + "</p>");
}

//sort: ordena los elementos de un Array
var array = ["fernando", "raul", "diego", "alvaro"];
array.sort();

for (var x = 0; x < array.length; x++)
{
document.write("<p>" + array[x] + "</p>");
}

//ordenar números
var array = [9, 3, 2, 6, 8, 7];
array.sort(function(a, b){return a-b});

for (var x = 0; x < array.length; x++)
{
document.write("<p>" + array[x] + "</p>");
}

//toString: convierte un array en un String
var array = ["uno", "dos", "tres", "cuatro"];
var string = array.toString();
document.write("<p>" + string + "</p>");

//reverse: que revierte la posición de los elementos del Array
var array = [4, 3, 2, 1];
array.reverse();

for (var x = 0; x < array.length; x++)
{
document.write("<p>" + array[x] + "</p>");
}