javascript - 我可以将 json 输入转换为 jquery 中的对象列表吗？

Question

我是 jQuery 新手，只是为了好玩。我有一些code我想尝试根据我的需要进行修改，但当前的 js 文件正在从谷歌电子表格获取数据，然后将每个项目作为对象返回。我不使用 json 将数据从服务器传递到 jQuery，所以我想知道如何将 json 转换为对象。

目前的做法是(tabletop是他们从google文档获取数据的js程序的名称):

Tabletop.init({
    key: timelineConfig.key,
    callback: setupTimeline,
    wanted: [timelineConfig.sheetName],
    postProcess: function(el){
        //alert(el['photourl']);
        el['timestamp'] = Date.parse(el['date']);
        el['display_date'] = el['displaydate'];
        el['read_more_url'] = el['readmoreurl'];
        el['photo_url'] = el['photourl'];
    }
});

我在整个文件中添加了警报，我认为这是获取数据并传递数据的区域。我正在考虑尝试用我的 json 中的对象替换其对象中的项目，看看它是否会改变任何内容，但我不确定。通常，我通过 json、 HashMap 和列表传递单个项目，不确定它如何与对象一起工作或如何访问对象(我只是调用我为请求创建的 url，$("#user-history")。加载(“/cooltimeline/{{ user.id }}”); )。但是如果我想将 json 数据转为对象，我该从哪里开始呢？

如果有帮助，这里是 demo我正在尝试做的事情(但是通过使用 json 数据)。

附:我真的在寻找如何完成我想做的事情的逻辑，也许还有一些我缺少的想法，这样我就可以在谷歌上搜索它们并学习。

Answer 1

使用函数 JSON.parse(json) :) 或 jQuery.parseJSON(json)

var json = '{"a":2}';
var object = JSON.parse(json);

alert(object.a);

您应该看到带有消息的警报:2

<小时/>

我真的不知道我是否理解您的评论，但也许您只想这样做:

   postProcess: function(el){ //here el is JSON string
        el = JSON.parse(el); // now el is an object
        el.timestamp = Date.parse(el.date);
        el.display_date = el.displaydate;
        el.read_more_url = el.readmoreurl;
        el.photo_url = el.photourl;

        return el;

    }

顺便说一句。如果没有非标准名称，则无需在已知属性名称上使用括号:

el['timestamp'] === el.timestamp

粘贴 JSON 会更容易