Javascript 添加二维不返回结果

Question

我有一个网站，如 jsfiddle 所示:

http://jsfiddle.net/bAz3y/

$.getJSON('eventbrite.json', function(data) {
    var events = [];
    var j = 0;

    for (var i in data) {
        events[i][0] = data[i].event.title;
    }

    $('.btn-lg').click(function() {
        $('#tester').replaceWith("<div id='tester'>" + events[j][0] + "</div>");
        j = j + 1;
    })
    $("div.swiper").on("swipe",function() {
        $('#tester').replaceWith("<div id='tester'>" + events[j][0] + "</div>");
        j = j + 1;
    })
});

我正在尝试获取第二个维度来存储事件标题，这样我就可以在 events[j][1] 和 events[j 中添加事件日期和距离][2].

但是，添加第二个维度(即 events[i][0])意味着不会返回任何结果。

Answer 1

问题是 for 循环，events[i] 是未定义的，所以 events[i][0] 会失败

1.解决方案是

for (var i in data) {
    events[i] = [data[i].event.title, data[i].event.some];
}

2.另一种是使用$.each()做

var events = [];
var j = 0;

$.each(data, function(_,item){
    events.push([item.event.title, data[i].event.some])
});

3.第三种方法是使用$.map()

var j = 0;

var events = $.map(data, function (item) {
    return [[item.event.title, data[i].event.some]]
});