从 javascript 中的表单创建对象数组

Question

这是在 python 中我需要两分钟才能解决的问题，但在 js 或 jquery 中我需要花费数小时... 我有一个表格，我需要详细说明数据客户端。

与：

var serializedData = $('form#ae_form_grid').serialize() 

我得到这个：

"id=13&quantita_gen_grid=2&prezzo_gen_grid=120&sconto_gen_grid=&prezzo-15=120&quantita-15=4&sconto-15=&selezionato-16=on&prezzo-16=120&quantita-16=2&sconto-16=&prezzo-14=120&quantita-14=2&sconto- 14=&selezionato-17=on&prezzo-17=122&quantita-17=3&sconto-17="

我需要创建一个对象数组，可能来自：

["16":{ prezzo:120,quantita:2,sconto:""},"17":{prezzo:122,quantita:3,sconto:""}]

16 和 17 来自名称中带有“selezionato”的键，prezzo、quantita... 是 -16 和 -17 ..

我试过了：

    $.each(serializedData.split('&'), function (index, elem) {
        var vals = elem.split('=');
        var selected = vals[0].split("-");
        if (selected[0] == "selezionato") {
            sel.push(selected[1])
        }
    })

我有一个正确的键数组，但我可以走得更远。

谢谢 F

Answer 1

你在这里：

var input = "id=13&quantita_gen_grid=2&prezzo_gen_grid=120&sconto_gen_grid=&prezzo-15=120&quantita-15=4&sconto-15=&selezionato-16=on&prezzo-16=120&quantita-16=2&sconto-16=&prezzo-14=120&quantita-14=2&sconto-14=&selezionato-17=on&prezzo-17=122&quantita-17=3&sconto-17=";
//["16":{ prezzo:120,quantita:2,sconto:""},"17":{prezzo:122,quantita:3,sconto:""}
var array = input.split('&');
var attributes = ['prezzo', 'quantita', 'sconto'];
var keys = $.map(array, function(value) {
  var string = value.split('=')[0];
  if (string.indexOf(attributes[0]) > -1) return string.split('-')[1];
});
keys = $.unique(keys).sort();
//console.log(JSON.stringify(keys));
var result = []
$.each(keys, function(index, key) {
  var item = {};
  var obj = {};
  $.each(array, function(i, v) {
    var k = v.split('=')[0];
    //console.log("==" + k);
    if (k.indexOf(key) > -1) {
      //console.log("====" + k.split('-')[0]);
      if ($.inArray(k.split('-')[0], attributes) > -1) {
        obj[k.split('-')[0]] = v.split('=')[1];
        //console.log(JSON.stringify(obj));
      }
    }

  });
  //console.log(JSON.stringify(obj));
  item[key] = obj;
  result.push(item);
});
$('span').text(JSON.stringify(result));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span></span>

希望对您有所帮助。