How to create a JSON array

Question

I am a new to JSON and facing problems creating a very simple array.

I have the key,value pair received from an HTML form:

frm1 = {"fname":"John","lname":"Doe","location":"CA"};
frm2 = {"fname":"Jenny","lname":"Doe","location":"CA"};

I want to create a JSON like below:

{
  "employee":[
    {"fname":"John","lname":"Doe","location":"CA"},
    {"fname":"Jenny","lname":"Doe","location":"CA"}
]}

Trying to push the first form data(frm1) only by below code is not working.

var form1 = {"employee":[]};

form1.employee = frm1;

console.log(JSON.stringify(form1)); // prints form1 :{"employee" : ["fname","lname","location"]}

Only keys are printed. Please suggest.

Just to clarify: What you're working with are pure Javascript objects and arrays, not JSON. JSON is a textual format used to exchange data objects. — Emil Oberg
– Emil Oberg, Commented May 19, 2016 at 11:14
Well, that depends on if you're working with objects (as in the example) or strings (which may contain JSON). console.log(typeof frm1) will say either object or string. E.g. console.log(typeof '{"fname": "john"}') will say it's a string which needs to be parsed whereas console.log(typeof {"fname": "john"}) will say that it's a good ol' object. — Emil Oberg
– Emil Oberg, Commented May 19, 2016 at 11:22

Nina Scholz · Accepted Answer · 2016-05-19 11:09:49Z

2

Just apply them

var form1 = { employee: [frm1, frm2] };

answered May 19, 2016 at 11:09

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Pranav C Balan · Accepted Answer · 2016-05-19 11:53:11Z

Either create the object with array elements

var frm1 = {
    "fname": "John",
    "lname": "Doe",
    "location": "CA"
  },
  frm2 = {
    "fname": "Jenny",
    "lname": "Doe",
    "location": "CA"
  };

var form1 = {
  "employee": [frm1, frm2]
};
console.log(JSON.stringify(form1));

or push elements later using push()

var frm1 = {
    "fname": "John",
    "lname": "Doe",
    "location": "CA"
  },
  frm2 = {
    "fname": "Jenny",
    "lname": "Doe",
    "location": "CA"
  };
var form1 = {
  "employee": []
};
form1.employee.push(frm1,frm2);

console.log(JSON.stringify(form1));

push accepts multiple arguments: form1.employee.push(frm1, frm2)

codefreaK · Accepted Answer · 2016-05-19 11:49:33Z

    var frm1 = {"fname":"John","lname":"Doe","location":"CA"}; 
    var frm2 = {"fname":"John","lname":"Doe","location":"CA"}; 
    var form1 = {"employee":[" ",""]};
  

    form1["employee"][0] = frm1;
    form1["employee"][1] = frm2;
    
  
     console.log(form1["employee"][0]);
    console.log(form1);
    console.log(JSON.stringify(form1));

Since the keys value is an array you can use push or use its array index

Sorry I misunderstood the question you want an array with multiple values for single object for employee

Collectives™ on Stack Overflow

How to create a JSON array

3 Answers 3

Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Related