Añadir elementos a un array (Javascript) utilizando función push

Cuando trabajas con un array en javascript siempre tienes la necesidad de ir añadiendo elementos, una buena forma de hacerlo es utilizar la función push().

Vamos a hacer un sencillo ejemplo para ver como funciona:

1 Vamos a crear un array:

 
var frutas = ["fresa","banana","limon","naranja"];  

2 Vamos a utilizar una variable temp donde pondremos el html que generamos con el array

 
var temp = "";

3 Recorremos el array

 
for (fruta in frutas) {
  temp += frutas[fruta] + "
";
}

4 Mostramos en div llamado primero

 
$("#primero").html(temp);

5 Ahora añadimos con push elementos al array

 
frutas.push("melon");
frutas.push("sandia");
frutas.push("melocoton");
frutas.push("platano");
frutas.push("piña");

8 Borro el contenido de temp

 
var temp = "";

9 Recorremos el array de nuevo

 
for (fruta in frutas) {
  temp += frutas[fruta] + "
";
}

10 Mostramos en el segundo div y vemos como se han añadido los nuevos elementos

 
$("#segundo").html(temp);

Si queréis podéis ver el resultado en la consola del navegador

 
//Tenemos array con unas frutas
var frutas = ["fresa", "banana", "limon", "naranja"];
console.log("Array antes de añadir con push");
//recorremos el array
for (fruta in frutas) {
  console.log(frutas[fruta]);
}

//Ahora añadimos con push elementos al array
frutas.push("melon");
frutas.push("sandia");
frutas.push("melocoton");
frutas.push("platano");
frutas.push("piña");

console.log("Array después de añadir");
//recorremos el array de nuevo
for (fruta in frutas) {
  console.log(frutas[fruta]);
}

Aquí podéis ver el resultado