jquery - 重新格式化 JSON 对象

Question

我有一个 JSON 对象，我想重新格式化，这就是我的意思...

JSON 对象...

{
"query":"de mar",
"suggestions":[
    "Any Location",
    "Camp De Mar, Majorca, SPAIN",
    "L'amettla De Mar, Costa Dorada, SPAIN",
    "Lloret De Mar, Costa Brava, SPAIN",
    "Malgrat De Mar, Costa Brava, SPAIN",
    "Pineda De Mar, Costa Brava, SPAIN",
    "Roquetas De Mar, Costa De Almeria, SPAIN",
    "Tossa De Mar, Costa Brava, SPAIN"
],
"data":[
    "",
    "DestinationResort|Camp De Mar",
    "DestinationResort|L'Amettla De Mar",
    "DestinationResort|Lloret De Mar",
    "DestinationResort|Malgrat De Mar",
    "DestinationResort|Pineda De Mar",
    "DestinationResort|Roquetas De Mar",
    "DestinationResort|Tossa De Mar"
]
}

我想把它变成下面的...

{
"destinations": [
    "": "Any Location",
    "DestinationResort|Camp De Mar": "Camp De Mar, Majorca, SPAIN",
    // etc etc
]
}

目前我有以下内容(jquery 编码的可悲使用)...

$("#search").on("input", function() {
  $.getJSON( "http://holidays.allinclusive.co.uk/external/destinations.ashx?query=" + $("#search").val() )
  .done(function(data) {
    var myObject = ['destinations'];
    $.each(data.suggestions, function (index, elem) {
      myObject['destinations'] = {[data.data[index]] : [elem] };
    });
  })
});

我真正想做的是将其与 autocomplete() 或 bootstrap 的 typeahead() 一起使用来填充输入，但我认为这是我的下一步。

请问有人可以帮助我吗？

谢谢

Answer 1

您已经非常接近了，但是在创建新对象时存在一些问题。

var myObject = ['destinations'];

这将创建一个包含单个元素(字符串“destinations”)的数组。您真正想要的是一个具有空数组属性 destinations 的对象，因此将其更改为:

var myObject = {
    destinations: []
};

.each() 迭代是正确的，但每次迭代的代码不正确。您的代码正在执行的操作是获取数组 myObject，并将该数组的 destinations 属性(在第一次迭代中不存在)设置为等于当前的对象迭代；相反，您希望将新对象插入数组中。对象的创建也存在问题，因为创建对象文字时不能使用动态键。

$.each(data.suggestions, function (index, elem) {
    var currentObject = {}
    currentObject[data.data[index]] = elem;
    myObject.destinations.push(currentObject);
});

jsFiddle demo