appending to json file in javascript

Question

I have a json file, employees.json, that I would like to append data to this object. The file looks like this:

var txt = '{"employees":[' +
'{"firstName":"Jerry","lastName":"Negrell","time":"9:15 am","email":"[email protected]","phone":"800-597-9405","image":"images/jerry.jpg" },' +
'{"firstName":"Ed","lastName":"Snide","time":"9:00 am","email":"[email protected]","phone":"800-597-9406","image":"images/ed.jpg" },' +
'{"firstName":"Pattabhi","lastName":"Nunn","time":"10:15 am","email":"[email protected]","phone":"800-597-9407","image":"images/pattabhi.jpg" }'+
']}';

I would like to append:

firstName:Mike
lastName:Rut
time:10:00 am
email:[email protected]
phone:800-888-8888
image:images/mike.jpg

to employee.json.

How would I accomplish this?

Can you parse it into a JS object, add it, and then serialize it into JSON again? — gahooa
– gahooa, Commented Sep 5, 2012 at 22:19

Van Coding · Accepted Answer · 2012-09-05 22:20:54Z

13

var data = JSON.parse(txt);  //parse the JSON
data.employees.push({        //add the employee
    firstName:"Mike",
    lastName:"Rut",
    time:"10:00 am",
    email:"[email protected]",
    phone:"800-888-8888",
    image:"images/mike.jpg"
});
txt = JSON.stringify(data);  //reserialize to JSON

answered Sep 5, 2012 at 22:20

Van Coding

24.6k25 gold badges93 silver badges138 bronze badges

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

2 Comments

Mike Over a year ago

i surround that in a js file with function add(){ .. } and called it in html with <form onsubmit="add()"><button>ADD</button></form> and didnt see the values added to the employees.json file

Van Coding Over a year ago

Yea, the code only overwrites the "txt" variable with the new JSON data. You'd have to save it to your file manually. If you are using node.js it would do this using fs.writeFile

Ibu · Accepted Answer · 2012-09-05 22:21:16Z

5

JSON stands for Javascript object notation so this could simply be a javascript object

var obj = {employees:[
    {
      firstname:"jerry"
      ... and so on ...
     }
]};

When you want to add an object you can simply do:

object.employees.push({
   firstname: "Mike",
   lastName: "rut"
    ... and so on ....
});

answered Sep 5, 2012 at 22:21

Ibu

44k14 gold badges82 silver badges109 bronze badges

Collectives™ on Stack Overflow

appending to json file in javascript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related