javascript - 如何获取属性名称和值并创建新对象

Question

我正在使用 jquery 验证插件来处理一些表单

现在我正在尝试将表单值发送到我的服务器，但我需要将信息作为 JSON 格式发送给它。所以在我的 submitHandler 方法中我正在这样做......

var formData = JSON.stringify($("#form").serializeArray());

但现在这个变量 formData 包含它..

[ { name: 'nombre', value: 'ffgsdfgdfs' },
  { name: 'apellidos', value: 'gsdfgsdfg' },
  { name: 'email', value: 'dsfgg@gkfgd.com' },
  { name: 'usuario', value: 'fgsd' },
  { name: 'password', value: 'dksmfklsdm43' },
  { name: 'empresa', value: 'fkdmflksdmfkl' },
  { name: 'cif', value: 'mkfsdmfklsdmfkl' },
  { name: 'telefono', value: 'mfklsdmfklmsdfkl' },
  { name: 'direccion', value: 'mfklsdfmsdklfm' },
  { name: 'pais', value: 'klfmsdklfmsdklmf' },
  { name: 'localidad', value: 'kfmsdklfmsdklfm' },
  { name: 'cp', value: 'kfmsdklfmsdklfml' },
  { name: 'dominio', value: 'sde' },
  { name: 'termino', value: 'on' } ]

但这不是我需要的格式，我需要类似...

formData ={
  nombre: 'ffgsdfgdfs',
  apellidos: 'gsdfgsdfg' ,
  email: 'dsfgg@gkfgd.com' ,
  usuario: 'fgsd',
  //.... etc etc
 } //this is what i would like to have

我该怎么做？我一直在尝试使用 for in.... 但我无法得到我期望的结果

Answer 1

您可以映射新对象并​​将所有对象分配给单个对象。

var data = [{ name: 'nombre', value: 'ffgsdfgdfs' }, { name: 'apellidos', value: 'gsdfgsdfg' }, { name: 'email', value: 'dsfgg@gkfgd.com' }, { name: 'usuario', value: 'fgsd' }, { name: 'password', value: 'dksmfklsdm43' }, { name: 'empresa', value: 'fkdmflksdmfkl' }, { name: 'cif', value: 'mkfsdmfklsdmfkl' }, { name: 'telefono', value: 'mfklsdmfklmsdfkl' }, { name: 'direccion', value: 'mfklsdfmsdklfm' }, { name: 'pais', value: 'klfmsdklfmsdklmf' }, { name: 'localidad', value: 'kfmsdklfmsdklfm' }, { name: 'cp', value: 'kfmsdklfmsdklfml' }, { name: 'dominio', value: 'sde' }, { name: 'termino', value: 'on' }],
    result = Object.assign({}, ...data.map(({ name, value }) => ({ [name]: value })));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }