Parse Json object in javascript

Question

hello all i have one json object like

{"event1":{"title":"My birthday","start":"12\/27\/2011 10:20 ","end":"12\/27\/2011 00:00 "},"event2":{"title":"My birthday again","start":"12\/27\/2011 10:20 ","end":"12\/27\/2011 00:00 "}}

and i want to parse it like

[
            {
                title: 'All Day Event',
                start: new Date(y, m, 1)
            },
            {
                title: 'Long Event',
                start: new Date(y, m, d-5),
                end: new Date(y, m, d-2)
            }]

How will i do this. i wrote this code but its givin array length 0 my code is

var response = eval(data);
        $.each(response, function() {
            obj = {};
            $.each(this, function(k, v) {
                if(k=="start")
                {
                    obj[k] = new Date(v);
                }
                if(k=="end")
                {
                    obj[k] = new Date(v);
                }
                else
                {
                    obj[k] = v;
                }
                event_data.push(obj);

            });

        });

Your parsed array got almost nothing to do with the original JSON - please be more clear about the logic involved and post correct example. — user447356
– user447356, Commented Dec 26, 2011 at 9:10
Possible duplicate of Can a JSON object returned by PHP contain a date object, Is there a simple conversion for this datetime format?. See also Can a JSON object returned by PHP contain a date object — outis
– outis, Commented Dec 26, 2011 at 10:39

Billy Moon · Accepted Answer · 2013-05-17 07:32:44Z

16

data = JSON.parse('{"event1":{"title":"My birthday","start":"12\/27\/2011 10:20 ","end":"12\/27\/2011 00:00 "},"event2":{"title":"My birthday again","start":"12\/27\/2011 10:20 ","end":"12\/27\/2011 00:00 "}}')

arr = []
for(var event in data){
    var dataCopy = data[event]
    for(key in dataCopy){
        if(key == "start" || key == "end"){
            // needs more specific method to manipulate date to your needs
            dataCopy[key] = new Date(dataCopy[key])
        }
    }
    arr.push(dataCopy)
}

alert( JSON.stringify(arr) )

edited May 17, 2013 at 7:32

answered Dec 26, 2011 at 9:22

Billy Moon

58.9k27 gold badges148 silver badges244 bronze badges

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

1 Comment

SuperUberDuper Over a year ago

how to make this so that is could take any json and produce the code form of the js?

Corbin · Accepted Answer · 2011-12-26 09:09:37Z

2

It looks like you're already using jQuery so just use $.parseJSON. (http://api.jquery.com/jQuery.parseJSON/)

You'll have to iterate over the object that is created though to turn the date strings into Date objects.

answered Dec 26, 2011 at 9:09

Corbin

33.6k7 gold badges73 silver badges79 bronze badges

Comments

Diode · Accepted Answer · 2011-12-26 09:19:23Z

var data = {
    "event1": {
        "title": "My birthday",
        "start": "12\/27\/2011 10:20 ",
        "end": "12\/27\/2011 00:00 "
    },
    "event2": {
        "title": "My birthday again",
        "start": "12\/27\/2011 10:20 ",
        "end": "12\/27\/2011 00:00 "
    }
};

var response = eval(data);
var events = [];
$.each(response, function(key, event) {
    var obj = {};
    for (var prop in event) {
        obj[prop] = event[prop];
    }
    obj["start"] = new Date(obj["start"]);
    obj["end"] = new Date(obj["end"]);
    events.push(obj);
});


console.log(events);

ijse · Accepted Answer · 2011-12-26 09:28:54Z

1

My code:

var datas = '{"event1":{"title":"My birthday","start":"12\/27\/2011 10:20 ","end":"12\/27\/2011 00:00 "},"event2":{"title":"My birthday again","start":"12\/27\/2011 10:20 ","end":"12\/27\/2011 00:00 "}}';

var dataObj = eval("(" + datas + ")");
var finalArr = [];
for(var i in dataObj) {
    var t = dataObj[i];
    finalArr.push({
        title: t.title,
        start: new Date(t.start),
        end: new Date(t.end)
    });
}

console.log(finalArr);

answered Dec 26, 2011 at 9:28

ijse

3,0451 gold badge22 silver badges25 bronze badges

1 Comment

Some Guy Over a year ago

Why use eval when JSON.parse is built into browsers now?

Tarun Gupta · Accepted Answer · 2013-09-12 07:23:31Z

TO collect all item of an array and return a json object - this code is basically to get all the values of a select box .. but you can modify it as per your requirement.

collectData: function (arrayElements) {

        var main = [];

        for (var i = 0; i < arrayElements.length; i++) {
            var data = {};
            this.e = arrayElements[i];            
            data.text = arrayElements[i].text;
            data.val = arrayElements[i].value;
            main[i] = data;
        }
        return main;
    },

TO parse the same data we go through like this

dummyParse: function (json) {       
        var o = JSON.parse(json); //conerted the string into JSON object        
        $.each(o, function () {
            inner = this;
            $.each(inner, function (index) {
                alert(this.text)
            });
        });

}

Collectives™ on Stack Overflow

Parse Json object in javascript

5 Answers 5

1 Comment

Comments

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

1 Comment

Comments

Linked

Related