Crear un array de objetos

[nevermind2403]

Tengo un problema¿ como hago para crear un array de objetos, para ingresarle las propiedades de cada posicion del objeto?

Aca les dejo el codigo , es lo que pude hacer si alguien me puede dar una mano ,bienvenido sea y gracias.

Saludos amigos

Código Javascript:

<script type="text/javascript">
        var persona=[{
            Edad:20,
            Nombre:'Juan',
            Apellido:'Perez'
        }];
            
            
         var i=1;
                    var r = confirm("Quieres cargar una persona?");
                    while(r==true){
                        var nombre=String(prompt("Ingresa un nombre"));
                        persona[i]['Nombre']=nombre;// aca me tira error dice "Cannot set property 'Nombre' of undefined " aca creo q es xq no existe la propiedad persona[1]['Nombre']
 
                        var name=persona[i]['Nombre']
                       
                        persona['Nombre'].push(name);
                       
 
                        var apellido=String(prompt("Ingresa un apellido"));
                        persona[i]['Apellido']=apellido;
                        var lastname=persona[i]['Apellido'];
                        persona['Apellido'].push(lastname);
                        
                        var edad=Number(prompt("Ingresa una edad"));
                        persona[i]['Edad']=edad;
                        var age=persona[i]['Edad'];
                        persona['Edad'].push(age);
                        i++;
                        
                        
                            var r = confirm("Quieres cargar otra persona?");
                    }
                    
                    document.write("Este es tu objeto<br>");
                    for (var i = 0; i < persona.length; i++) {
 
                        document.write(persona[i].Nombre + '<br>');
                        document.write(persona[i].Apellido + '<br>');
                        document.write(persona[i].Edad + '<br><hr>');
                         
                    }
                </script>
 

[Italico76]

Código Javascript:

<script language="JavaScript">  
            
    var Persona = function(nombre,apellido,edad){
        this.nombre = nombre || '';
        this.apellido = apellido || '';     
        this.edad = edad || 0;      
    }
 
    personas = new Array();
    
    var i=1;
    var r = confirm("Quieres cargar una persona?");
                    
    while(r==true)
    {
        var nombre      = prompt("Ingresa un nombre");
        var apellido    = prompt("Ingresa un apellido");
        var edad        = parseInt(prompt("Ingresa la edad"));
        personas[i] =new Persona(nombre,apellido,edad);
        
        i++;
        var r = confirm("Quieres cargar una persona?");     
    }       
    
    // Imprimo por consola todo el array:   
    for (var i = 0;i<personas.length ;i++)
        console.log (personas[i]);  
    
    </script>
 

[Alexis88]

En cada iteración, crea un objeto literal y ve asignándole valores, luego, insertas el objeto en el array.

Código Javascript:

var personas = [],
    body = document.body;
 
do{
    var r = confirm("¿Desea añadir datos?"),
        persona = {};
    if (r){
        persona.nombre = prompt("Nombre:");
        persona.apellido = prompt("Apellido:");
        persona.edad = prompt("Edad:");
        personas.push(persona);
    }
} while (r);
 
for (var i in personas){
    for (var j in personas[i]){
        var indice = j.replace(/\b\w/, function(l){
            return l.toUpperCase();
        });
        body.innerHTML += indice + ": " + personas[i][j] + "<br />";
    }
    body.innerHTML += "<br />";
}
 

De esta forma, si ingresaras el nombre, apellido y edad de, por ejemplo, 3 personas, el resultado sería similar al siguiente:

Código HTML:

Nombre: Juan
Apellido: Pérez
Edad: 28
 
Nombre: Estefanía
Apellido: Zegarra
Edad: 25
 
Nombre: María
Apellido: Lozano
Edad: 39
 

Saludos

[Italico76]

@Alexis88 : como vas campeon ? te hago un par de preguntas.....


- Dices que son objetos literales pero usas '=' en vez de ':' ?

- Por que andas preguntando con If() todo el tiempo dentro del [do..while] ?
// para eso esta while(), fijate que no haces mas if() si usas la estructura de control correcta


Sobre la primera pregunta, no lo tengo muy claro (estoy en pañales en JS)

[Alexis88]

Hola Italico76, pues aquí, regresando al foro luego de unos días de ausencia por asuntos laborales.

Respondiendo a lo primero, la variable persona contiene un objeto literal el cual creo y asigno en cada iteración. Un objeto literal es una lista separada por comas de pares clave: valor. Luego, para asignar valores a sus atributos, es posible hacerlo del modo en que lo ves, accediendo al atributo al unir el nombre del objeto y el del atributo mediante un punto.

Lo segundo, es para preguntar una y otra vez al usuario si desea seguir ingresando datos, hasta que no lo desee y de clic en Cancelar.

Aquí te lo dejo para que lo pruebes.

Saludos

[Italico76]

@Alexis: gracias por la explicacion de literales

Sobre lo segundo, te recomiendo en serio revises el uso de while(), me puedo poner canson con eso del uso correcto de estructuras de control (jejeje)

Código Javascript:

var r = confirm("¿Desea añadir datos?");
    while(r==true)
    {
    
        persona = {};
        
        persona.nombre = prompt("Nombre:");
        persona.apellido = prompt("Apellido:");
        persona.edad = prompt("Edad:");
        personas.push(persona);    
        
        r = confirm("¿Desea añadir datos?");
    }
 

Fijate que itera perfectamente y se detiene ni bien dices que no deseas agregar mas datos y no hay ningun if()

PD: ojala haya sido por vacaciones tu ausencia y no enfermedad je

[Alexis88]

Bueno, sé que el bucle Do-While siempre ejecuta el código que tenga adentro al menos una vez aunque no se cumpla la condición final, entonces, en este caso, hago la pregunta y verifico la respuesta, de ser positiva, asigno los datos al objeto e inserto a este último en el array y como la respuesta a la pregunta fue positiva, continua el ciclo y vuelvo a preguntar y así sucesivamente. Si fuera una respuesta negativa, simplemente no se realiza la inserción de datos y se termina el ciclo.

Saludos

[Italico76]

Iniciado por Alexis88

Bueno, sé que el bucle Do-While siempre ejecuta el código que tenga adentro al menos una vez aunque no se cumpla la condición final, entonces, en este caso, hago la pregunta y verifico la respuesta, de ser positiva, asigno los datos al objeto e inserto a este último en el array y como la respuesta a la pregunta fue positiva, continua el ciclo y vuelvo a preguntar y así sucesivamente. Si fuera una respuesta negativa, simplemente no se realiza la inserción de datos y se termina el ciclo.

Saludos

Tu mismo te estas dando la respuesta: no es la eleccion correcta de estructura de control

while() y do()..while son cosas distintas

Si usas do()..while te pasas por una vez cuando quieres salirte y el if() no es mas que un parche, y los parches no son buenos

[Alexis88]

Es que si te fijas, yo no hago la pregunta antes del bucle, la hago ahí mismo por el tema de que se ejecutará al menos una vez y necesariamente se tiene que realizar la pregunta al menos una vez, pero siempre hay mejores formas de hacerlo. Por cierto, también hubiera sido válido que lo dejes así: while(r), aunque creo que eso ya lo sabes. Tampoco olvides el uso de var para declarar variables, se te pasó al crear el objeto.

Saludos

[Italico76]

Iniciado por Alexis88

Es que si te fijas, yo no hago la pregunta antes del bucle, la hago ahí mismo por el tema de que se ejecutará al menos una vez y necesariamente se tiene que realizar la pregunta al menos una vez, pero siempre hay mejores formas de hacerlo. Por cierto, también hubiera sido válido que lo dejes así: while(r), aunque creo que eso ya lo sabes. Tampoco olvides el uso de var para declarar variables, se te pasó al crear el objeto.

Bueno... si yo tambien la embarro

Te lo digo por lo de siempre, mas alla del interprete que puede optimizar por donde uno no se lo imagina, en teoria es mas eficiente sino andas haciendo una pregunta de mas por cada iteración