how to form array object in jquery

Question

Below I have a page design, where I have two input boxes.

Name and age.

I also have an add button.

Upon clicking the add button I have span elements with name and age enter image description here

and above will be grouped, say "friends"

like wise another group, contains a list of person objects

now i have to store data like

group 1- 
   list of objects 
   name - age
   name - age
group 2 -
   list of objects
   name - age
   name - age.

later will submit the data. I have tried var person = new Object(); , but I am looking to have key value like

name: firsname , age: 23

or is there any alternative way to achieve this..thanks in advance.

EDIT- i need to do this dynamically upon click add button

var person = {name: firstname, age: 23}; then arrayofpersons.push(person) ??? — megawac
– megawac, Commented Oct 31, 2013 at 17:32
Can you show some code that you have tried? I am confused what you are asking. — Chad
– Chad, Commented Oct 31, 2013 at 17:37

inorganik · Accepted Answer · 2013-10-31 17:33:21Z

1

Don't need jQuery - you can just do:

var person = {
    name: firstname,
    age: 23
}

answered Oct 31, 2013 at 17:33

inorganik

25.7k18 gold badges96 silver badges126 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

codingrose · Accepted Answer · 2013-10-31 18:03:22Z

0

Try this:

var ary = [];
var person = {};
person.name = "nimma";
person.age = 33;
ary.push(person);
person.name = "maddy";
person.age = 30;
ary.push(person);

you can also do like this:

var ary = [{"name":"nimma","age":33},{"name":"maddy","age":30}];

Fiddle here.

edited Oct 31, 2013 at 18:03

answered Oct 31, 2013 at 17:38

codingrose

15.7k11 gold badges41 silver badges58 bronze badges

3 Comments

pappu_kutty Over a year ago

i tried, i need to persist the previous data, but this is not working, when i try to add next person object. it overrides

codingrose Over a year ago

but it is stored in ary. you can also do it like ary = [{"name":"nimma","age":33},{"name":"maddy","age":30}];

pappu_kutty Over a year ago

it is working now,, i didnt declare var 'ary' as global var, after declaring global it worked.

Ammar Khan · Accepted Answer · 2013-10-31 17:36:17Z

0

You can do something like this:

var person = [];

later on when you need to insert data into the array, do this

person.push(
         {
            'name':firsname ,
            'age':23
         }
);

Hope that helps!

answered Oct 31, 2013 at 17:36

Ammar Khan

3561 gold badge10 silver badges27 bronze badges

Collectives™ on Stack Overflow

how to form array object in jquery

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related