在JavaScript中解析Json对象

Question

大家好，我有一个像这样的 JSON 对象：

{"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 "}}

我想进行解析，例如：

[
            {
                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)
            }]

我该怎么做？我写了这段代码，但数组长度为0，我的代码如下：

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);

            });

        });

- Lalit Chattar

---

你解析的数组与原始 JSON 几乎没有关系 - 请更清楚地说明涉及到的逻辑并发布正确的示例。 - Shadow The Spring Wizard

请不要使用eval来解析JSON。 - naveen

可能是重复的问题：PHP返回的JSON对象可以包含日期对象吗？，有没有一种简单的方法将此日期时间格式转换为其他格式？。另请参阅PHP返回的JSON对象可以包含日期对象吗？。 - outis

Answer 1

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) )

- Billy Moon

---

如何使其能够接受任何JSON并生成JS代码形式？ - SuperUberDuper

Answer 2

看起来你已经在使用jQuery，所以只需使用$.parseJSON。（http://api.jquery.com/jQuery.parseJSON/）

但是，您需要遍历所创建的对象，将日期字符串转换为日期对象。

- Corbin

Answer 3

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);

- Diode

Answer 4

我的代码：

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);

- ijse

---

现在浏览器内置了JSON.parse，为什么还要使用eval呢？ - Some Guy

Answer 5

收集数组中的所有项目并返回JSON对象 - 这个代码基本上是为了获取选择框的所有值..但您可以根据自己的需求进行修改。

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;
    },

为了解析相同的数据，我们这样进行：

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)
            });
        });

}

- Tarun Gupta