Añadir elementos a un array con Javascript push

19/May/2013 JavaScript , , 6 Comentarios

Cuando trabajamos con Javascript, una de las formas que tenemos para añadir elementos a un array es el método Javascript push. El método Javascript push lo que hace es añadir un elemento al final del array que tengamos.

Lo primero que haremos será crear un array Javascript con una serie de elementos iniciales.

  1. var nombres = ["victor","pedro"];

Ahora volcamos por pantalla el contenido del array para comprobar los elementos que lo componen. Para recorrer el array utilizamos una estructura Javascript for in.

  1. for (name in nombres)
  2. document.write(nombres[name]+"</br>");

Veremos que la salida por pantalla es:

victor
pedro

Ahora, para añadir los elementos utilizamos el método Javascript push. Este método recibe como parámetro el elemento que queremos insertar en nuestro array Javascript. En este caso será una cadena de texto.

  1.  
  2. nombres.push("juan");
  3. nombres.push("maría");
  4. nombres.push("irene");
  5. nombres.push("victor");

El método Javascript push no comprueba si el elemento a insertar en el array existe previamente. Siempre lo inserta.

Si volvemos a recorrer el array con el código explicado arriba veremos que la salida es la siguiente:

victor
pedro
juan
maria
irene
victor

Como podemos comprobar el método Javascript push no ha validado que el elemento "victor" ya existía y lo ha insertado de nuevo en el array.

¿Qué harías para no insertar un mismo elemento dos veces en un array Javascript?

Vídeos sobre Javascript


6 comentarios en “Añadir elementos a un array con Javascript push”

Víctor Cuervo

Tonny

tengo una fila de datos en un array, ¿Cómo hago para agegar una fila mas en este array?

Víctor Cuervo

fran

como puede mandar un filtro aun array y que me muestre solo el que yo pida, por ejemplo si solo quiere obtener victor como se haria

Víctor Cuervo

josemar2000

Perdonad mi ignorancia pero quería comentaros una cosa, esto que has explicado perfectamente, se puede hacer introduciendo los datos a través de un input text y que los recogiera un archivo js y esos elementos del array quedaran modificados en el propio archivo y no sólo se visualizaran a traves de un alert o de un document write, porque eso se hace con php, pero se puede hacer con un archivo de JavaScript

Víctor Cuervo

sgb

Si esta mal XD, aquí otra versión:

function array_push(arr, str){
var strEnc = false;
for (ind in arr){
console.log(arr[ind]);
if(arr[ind] == str){
strEnc = true;
break;
}
}
if(strEnc == false){arr.push(str);}
return arr;
}
nombres = array_push(nombres,’sgb’);

y gracias por lo del for in.

Saludos!

Víctor Cuervo

Víctor Cuervo

@sgb,

Van por ahí los tiros. Pero falla, ejecutalo y verás que sigue insertando elementos duplicados. Por otro lado cuidado con los for in de Javascript. Ya que la variable name tiene el índice del array y no su contenido.

Puedes encontrar más información del for in en http://lineadecodigo.com/javascript/estructura-javascript-for-in/

Saludos.

Víctor Cuervo

sgb

Hola, sería algo como:

function array_push(arr, str){
	for (name in nombres){
		if(name != str){			
			arr.push(str);
		}else{
			break;
		}
	}
	return arr;
}

nombres = array_push(nombres,'sgb');

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*