JSFiddle - React, Tailwind, and code Playground

by Gonzalo

JavaScript

//Step 1.**************************
var persona = function(  ){
    'nombre':'',
    'aMaterno':'',
    'aPaterno':'',
    'Edad':'',
    'color':''
}

var personas = [];// se va ir llenando 


$(':button[name=crear]').click(function(){
    var auxPerson = new persona();//crea un objeto nuevo
    auxPerson.nombre = $('#lastName').val();
    auxPerson.aMaterno = $('#ApeidoM').val();
    auxPerson.aPaterno = $('#ApeidoP').val();
    auxPerson.Edad = $('#Edad').val();
    personas.push(  auxPerson );
});

personas = [
    { nombre:'Gonzalo' aMaterno:'Vargas'},
    { nombre: 'Alan' },
    { nombre: 'ana' },
    { nombre: 'Lupi' },
    { nombre:'Juanita' }
]
//************************************************
//Step 2
//Gonzalo
$.each(personas, function(index, element){
    if(element.nombre == 'Gonzalo' ){
        return element;
    }
});