javascript - 将 JSON 对象附加到同一对象

Question

我从 HTML 表单中的 VueJS 函数调用中获取表单元素。我创建了一个像这样的 JSON:

var elements = event.target.elements;
var form_elements = [];
for (var i = 0; i < elements.length; i++) {
    var element = {};
    element[elements[i].getAttribute('name')] = elements[i].value;
    form_elements.push(element);
}
form_elements = JSON.stringify(form_elements);

我得到的 JSON 如下:

var form_elements = [{'name':'John'},{'age':'20'},{'gender':'Male'},];


我想把它转换成:

var form_elements = {'name':'John','age':'20','gender':'Male'};


用于ajax调用。如何做到这一点？

Answer 1

使用Array.reduce()将元素组合成一个对象:

var elements = event.target.elements;

var form_elements = elements.reduce(function(r, el) {
  r[el.getAttribute('name')] = el.value;

  return r;
}, {});