Come ottenere array associativi come output da jQuery.map?

Question

Sto utilizzando funzione JQuery map per ottenere una matrice di valori ingressi:

var inputs = $("[id^='field']"); 
var values = inputs.map(function() { 
          return $(this).val(); 
         }).get(); 

desidero ottenere un array associativo [id, valore]:

{ 
    id1: value1, 
    id2: value2 
} 

Answer 1

var values = inputs.map(function() { 
          var obj = {}; 
          obj[ this.id ] = $(this).val(); 
          return obj; 
         }).get(); 

Se non si tratta di input select o radio, utilizzare this.value anziché $(this).val().

Oppure se si desidera un oggetto, utilizzare .each.

var obj = {}; 
inputs.each(function() { 
          obj[ this.id ] = $(this).val(); 
         }); 

---

Se si voleva un array di oggetti, e se i vostri ingressi hanno le loro proprietà name, si potrebbe anche usare serializeArray.

var values = inputs.serializeArray(); 

Answer 2

.map() restituisce un array, quindi se si vuole un oggetto con valori ID come le chiavi, allora si può fare in questo modo:

function getFieldValues() { 
    var values = {}; 
    $("[id^='field']").each(function() { 
     values[this.id] = this.value; 
    }); 
    return(values); 
}