Array dinamico con objetos, duda

lluriam19 · #1 (**permalink**) 07/08/2015, 04:17

Muy buenas,

Actualmente tengo un problema para agregar elementos dinámicamente a un array haciendo uso de objetos en javascript, tengo la siguiente estructura que no me funciona muy bien que digamos:

Código:

<!DOCTYPE html>

<html>

	<head>
		<meta charset="utf-8">


	</head>

<body>

<form>

	<label>Nombre de la pelicula<input type="text"  id="nom_peli"></label>
	<label>Año<input type="text"  id="ano"></label>
	<label>Director<input type="text"  id="director"></label>
	<label>Precio<input type="text"  id="precio"></label>
	<button id="guardar">Guardar</button>


</form>

		<script type="text/javascript">
			

			function Peliculas(){


					this.Guardar=new Array();					

				}


				Peliculas.prototype.Datos=function(iNomPeli,iAno,iDirector,iPrecio){

					
					this.NomPeli=iNomPeli;
					this.iAno=iAno;
					this.iDirector=iDirector;
					this.iPrecio=iPrecio;			


				}


				Peliculas.prototype.mostrar=function(iNomPeli,iAno,iDirector,iPrecio){

				for(i in this.Guardar){

						alert("Precio " + this.Guardar[i].iPrecio);

				}
				
				

				}

			document.getElementById('guardar').onclick=function(){

				var NomPeli= document.getElementById('nom_peli').value;
				var Ano=document.getElementById('ano').value;
				var Director=document.getElementById('director').value;
				var Precio=document.getElementById('precio').value;

				var peliculas=new Peliculas();

				peliculas.Guardar=[new peliculas.Datos(NomPeli,Ano,Director,Precio)];

				peliculas.mostrar();

			}

		</script>

</body>

</html>

Prácticamente lo que se trata es que al introducir datos en un formulario HTML estos se irán cargando en un array para después mostrarlos, hay que hacer uso de objetos; constructores y herencia(prototipado).

Hay maneras más sencillas de hacerlo pero en este caso se pide algo similar a la estructura que he realizado, agradecería cualquier ayuda, idea o información que esta comunidad me pueda brindar.

Desde ya muchos saludos

Alexis88 · #2 (**permalink**) 07/08/2015, 12:43

Estás guardando al conjunto de propiedades con los valores que estableces en el método peliculas.Datos en la primera posición de un array que luego asignas a peliculas.Guardar, por lo tanto, en el bucle del método peliculas.mostrar debes de acceder a dicho conjunto de propiedades a partir de la primera posición de peliculas.Guardar.

Código Javascript:

Ver originalPeliculas.prototype.mostrar = function(){
    for(i in this.Guardar[0]){
        alert(i + ": " + this.Guardar[0][i]);
    }
};

Saludos

lluriam19 · #3 (**permalink**) 08/08/2015, 03:22

Cita:

Iniciado por Alexis88

Estás guardando al conjunto de propiedades con los valores que estableces en el método peliculas.Datos en la primera posición de un array que luego asignas a peliculas.Guardar, por lo tanto, en el bucle del método peliculas.mostrar debes de acceder a dicho conjunto de propiedades a partir de la primera posición de peliculas.Guardar.

Código Javascript:

Ver originalPeliculas.prototype.mostrar = function(){
    for(i in this.Guardar[0]){
        alert(i + ": " + this.Guardar[0][i]);
    }
};

Saludos

Tu respuesta me fue de mucha utilidad, muchas gracias

Saludos