Creacion de arrays

[choquii]

Hola quiero hacer un formulario que tenga un input number y otras opciones de radio-- quisiera saber como se hce para crear un array y que a medida que se vaya poniendo en el input(edad) y aprete el boton "cargar" se vaya agregando en la posicion 0,1,2,3-- del array x..?
el formulario consta de un input en donde ingreso una edad y pongo cargar y que se guarde en memoria.. y al apretar el boton terminar muestre el total de encuestados y otras cosas mas..
quiero saber como se hace para crear posiciones y agregar la info de un input en un array.

[carmagedon]

Hola,
El array en javascript es sencillo de crear.

Código Javascript:

var miarray = new Array();
 

Para verificar el length (cantidad en este caso) del array, es simplemente hacer:

Código Javascript:

alert(miarray.length);
 

Para ir agregandole registros al array, por ejemplo funciona de ésta forma:

Código Javascript:

miarray[0] = "primer registro";
miarray[1] = "segundo registro";
 

Y así sucesivamente. De todas las formas, podés buscar en internet que hay mucha información con respecto al tema.

Saludos.

[_cronos2]

Aparte de si necesitas ese array para algo importante es un poco inseguro hacerlo con JS, supongo que después necesitarás trabajar con él en el servidor, así que tendrás que arreglártelas para enviarlo cuando necesites. Aparte de eso, es bastante fácil hacer lo que quieres:

Código Javascript:

var valores=[];
function carga(id){
 var el=document.getElementById(id);
 isNaN(el.value)?void(0):valores.push(el.value);
 //esta línea evita que si el valor no es un 
 //número se registre en el array como NaN
}
 

Código HTML:

<input type='text' id='txt' />
<input type='button' value='Cargar' onclick='carga("txt");' />
 

Saludos (:

[IsaBelM]

leete esto y una vez que hayas entendido las distintas maneras de crear un array, lee este otro que trata sobre las propiedades y métodos que se pueden usar con los arrays

[choquii]

Gracias por las respuestas. pero en este caso digamos que no se sabe la cantidad de personas que van a ingresar la edad osea creo que habria que hacer un bucle que agregue posiciones al array..y que en esa posicion ponga la edad ingresada en el momento, pero no se bien como hacerlo :S:S
Estoy estudiando analista de sistemas. y la verdad me gusta programacion pero esto me tiene loca y quiero aprobar :S:S :(

[carmagedon]

Hola,

Para que se vayan almacenando los datos en tu array, será cuestion de detectar el length de tu array y sumarle 1, para que de esa forma se vaya almacenando automáticamente.

Por ejemplo, este sería el funcionamiento del onClick del boton cargar.

Código Javascript:

var myarray = new Array();
function guardo(){
    var myindex = parseInt(myarray.length,10);
    var increment = 0;
    if (myindex != 0){
        increment = 1;
    }
    myarray[(myindex + increment)] = document.getElementById("el_identificador").value;
}
 

Fijate si te das una idea para poder realizarlo. En el document.getElementById("el_identificador").value, es así si es un input.

Si no entendés, tratá de mostrar un poco el codigo y vemos si podemos hacer algo para darte una mano.

Saludos.

[_cronos2]

Ahí increment siempre va a ser 0, no tiene sentido sumarlo. Revisa el método push() de mi ejemplo.
Saludos (:

[choquii]

-no se para que sirve esto:
document.getElementById("el_identificador").value
- para que va el 10 en esta linea?
-

if (myindex != 0) // osea si cantidad de objetos en el array es diferente de 0 incremeta uno.. y sino? else?
{
increment = 1;
}

[carmagedon]

Iniciado por _cronos2

Ahí increment siempre va a ser 0, no tiene sentido sumarlo. Revisa el método push() de mi ejemplo.
Saludos (:

Hola,
No, no puede ser siempre 0. Porque la primera vez si lo va a ser, porque debe ser así. En la primera vez va a ser myarray[0] = "el_valor"; y el length en la próxima te va a devolver 1, entonces va a ser algo correlativo.
Pero de todas las formas, está mal hecho porque devuelve un indice que no debe.

Código Javascript:

var myarray = new Array();
function guardo(){
    var myindex = parseInt(myarray.length,10); //primera vez 0, .. 1.. 2... etc..
    myarray[myindex] = document.getElementById("el_identificador").value;
}
 

De ésta forma si funcionaría, ya que en el caso anterior, te iba agregar mal los índices del array e iba a ser para problemas.

Saludos.

[choquii]

perdon me falto la linea del 10
var myindex = parseInt(myarray.length,10)

[choquii]

pero osea no habria que hacer un bucle.??
osea que primero identifique la cantidad de posiciones que hay. y desues que haga un bucle ue agregue y guarde una posicion mas??

[carmagedon]

Iniciado por choquii

-no se para que sirve esto:
document.getElementById("el_identificador").value
- para que va el 10 en esta linea?
-

if (myindex != 0) // osea si cantidad de objetos en el array es diferente de 0 incremeta uno.. y sino? else?
{
increment = 1;
}

Te comento, pero probá con el ultimo script que te adjunté.

document.getElementById("el_identificador").value
Esto es para recibir el valor del input, por ejemplo:
<input type='text' id='el_identificador'>
Entonces cuando hacés el .value vas a recibir el valor que tiene ese input.El 10 al que hacés referencia es para pasarlo a Enteros, buscá en el manual como funciona el parseInt.

Con respecto al else, no lo puse porque ya estaba declarado arriba en 0, entonces ese valor se modificacaría si entra en el if, sino pasa de largo y queda con ese valor.Fijate si con el codigo que arreglé te puede llegar a funcionar, sino mostrá el codigo para que te lo podamos revisar.

Saludos!

[choquii]

es que estoy viendo como hacer el codigo .. no lo hice solo tengo lo que es el codigo html. y ensima el profesor quiere que hagamos el diagrama de flujo y en el parcial nos va a tomar interface,diasgrama de flujo y codigo javascript y html en hoja de papel! sin pc me muero estoy al horno!

[carmagedon]

Bueno,
Tratá de crear el codigo, fijate como lo querés hacer. Porque hay varias formas para hacerlo.
De ultima planteá bien el proyecto, como debe hacer, y vemos que alternativas tenés para conseguir lo que necesitás.

Porque si son una X cantidad de inputs es sencillo hacerlo, ahora si no sabés cuantos son, vas a tener que diseñar un logaritmo universal, sin importar si es 1 o 200 inputs. Y el código en javascript es parecido al que te acabo de ingresar.

Saludos.

[choquii]

y otra cosa,, emm.. si se pone esta linea:
var myindex = parseInt(myarray.length,10)
y la edad ingresada es
10
20
30--
etc..
siempre va a haber dos elementos, 0 y 1.
osea que la primera vez que va a hacer.. me estoy haciendo un lio

[carmagedon]

Si se envia al array estos datos, equivale lo siguiente:

el length del myarray inicializa obviamente en 0.
10 = el length del myarray queda en 1, pero el indice del array es [0]
20 = el length del myarray queda en 2, pero el indice del array es [1]
30-- = el length del myarray queda en 3, pero el indice del array es [2]
y así sucesivamente.

Entonces ya teniendo el length, es el indice del array para el siguiente.
Se entiende?

[choquii]

este es mi codigo:

Código:

<html>
	<head><title>Encuesta</title>
		<script>
	
			var myarray = new Array();

			function carga()
			{
				var myindex = parseInt(myarray.length,10); //primera vez 0, .. 1.. 2... etc..
				myarray[myindex] = document.getElementById("edadnum").value;	
				
			}	
			
		</script>
	
	</head>
	<body>
		<h1><b><i><u>Encuesta Callejera</u></i></b></h1>
			<form name="f">
				Edad:<br><input type="number" maxlength="2" name="Edadnum">
				<br>
				<br>
				Genero:<br><input type="radio" name="sexo" value="Masculino" checked> Masculino<br>
				<input type="radio" name="sexo" value="Femenino"> Femenino	       	
				<br>
				<br>
				Prefiere hacer las compras:<br>
							<input type="radio" name="pref" value="pref1" checked> En comercios de su barrio
						<br>
							<input type="radio" name="pref" value="pref2"> En comercios del centro
						<br>
							<input type="radio" name="pref" value="pref3"> En Shoppings y supermercados
						<br>
						<br>
							<input type="button" value="cargar encuesta" name="cargar" onclick=carga()>
						<br>
						<br>
							<input type="button" value="Mostrar estadísticas" name="mostrar" onclick=mostrar()>
						<br>
						<br>
			</form>
	</body>
</html>

[carmagedon]

Código HTML:

<html>
    <head><title>Encuesta</title>
        <script language="javascript" type="text/javascript">
            function showEstadistics(e){
                for ( var n = 0; n < myarray.length; n++ ){
                    document.write("Edad: " + myarray[n] + "<BR/>");
                }
            }
 
            var myarray = new Array();
            function carga(e)
            {
                try{
                    var myindex = parseInt(myarray.length,10);
                    myarray[myindex] = document.getElementById("edadnum").value;
                }catch(e){                                    
                }
            }
        </script>
 
    </head>
    <body>
        <h1><b><i><u>Encuesta Callejera</u></i></b></h1>
        <form name="f">
                Edad:<br><input type="text" maxlength="2" id="edadnum">
            <br>
            <br>
                Genero:<br><input type="radio" name="sexo" value="Masculino" checked> Masculino<br>
            <input type="radio" name="sexo" value="Femenino"> Femenino
            <br>
            <br>
                Prefiere hacer las compras:<br>
            <input type="radio" name="pref" value="pref1" checked> En comercios de su barrio
            <br>
            <input type="radio" name="pref" value="pref2"> En comercios del centro
            <br>
            <input type="radio" name="pref" value="pref3"> En Shoppings y supermercados
            <br>
            <br>
            <input type="button" value="cargar encuesta" name="cargar" onclick="javascript:carga();">
            <br>
            <br>
            <input type="button" value="Mostrar estadísticas" name="mostrar" onclick="javascript:showEstadistics();">
            <br>
            <br>
        </form>
    </body>
</html>
 

Fijate si algo así te sirve. De esta forma te lo arreglé para que veas como funciona el tema del array. Revisa bien porque te arreglé unos errores, espero que entiendas y consigas hacer lo que necesitás.

Saludos!

[choquii]

Lo voy a analizar gracias por tus respuestas y el tiempo
saludos
:)

[_cronos2]

Hola,

Iniciado por carmagedon

Hola,
No, no puede ser siempre 0. Porque la primera vez si lo va a ser, porque debe ser así. En la primera vez va a ser myarray[0] = "el_valor"; y el length en la próxima te va a devolver 1, entonces va a ser algo correlativo.
Pero de todas las formas, está mal hecho porque devuelve un indice que no debe.

Código Javascript:

var myarray = new Array();
function guardo(){
    var myindex = parseInt(myarray.length,10); //primera vez 0, .. 1.. 2... etc..
    myarray[myindex] = document.getElementById("el_identificador").value;
}
 

De ésta forma si funcionaría, ya que en el caso anterior, te iba agregar mal los índices del array e iba a ser para problemas.

Saludos.

tienes toda la razón, no sé por qué leí if (increment != 0) en vez de if (myindex != 0). De todas formas, también tienes razón en que así no funcionaría.

Iniciado por carmagedon

Código HTML:

<!-- ... -->
        <script language="javascript" type="text/javascript">
            function showEstadistics(e){
                for ( var n = 0; n < myarray.length; n++ ){
                    document.write("Edad: " + myarray[n] + "<BR/>");
                }
            }
 
            var myarray = new Array();
            function carga(e)
            {
                try{
                    var myindex = parseInt(myarray.length,10);
                    myarray[myindex] = document.getElementById("edadnum").value;
                }catch(e){                                    
                }
            }
        </script>
<!-- ... -->
            <input type="button" value="cargar encuesta" name="cargar" onclick="javascript:carga();">
            <br>
            <br>
            <input type="button" value="Mostrar estadísticas" name="mostrar" onclick="javascript:showEstadistics();">
            <br>
            <br>
        </form>
    </body>
</html>
 

No estoy seguro pero yo diría que lo de 'javascript:' sobra, porque en los eventos se supone que tiene que ir un script, entonces es como redundante, sin embargo href='javascript:...' no, porque normalmente el href es un dirección o un ancla.
Saludos (:

[carmagedon]

Hola!
Si, gracias a tu observación detecté el error en el código que habia puesto jaja, pero bueno, al código se lo armé para que funcione, estaría bueno que se rompa la cabeza en mejorarlo y hacerlo funcionar a su gusto, asi de esa forma aprende más rápido en vez de copiar y pegar.
Gracias por la surgerencia con respecto al javascript:.

Un saludo!

[choquii]

jejeje gracias por las respuestas igualmente. La verdad mi cabeza tiene que hacer el click para poder seguir aprendiendo pero a veces se me complica bastante. bueno.. a veces me la complico mas de lo que debo y me doy cuenta a lo ultimo que era mas simple
:s
jeje
saludoss :)