jQuery.mapの出力として連想配列を取得する方法は？

Question

私は入力値の配列を取得するためにjQueryのmap機能を使用しています：

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

私は[ID、値]の連想配列を取得したいと思います：

{ 
    id1: value1, 
    id2: value2 
} 

Answer 1

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

selectまたはradioの入力でない場合は、$(this).val()の代わりにthis.valueを使用してください。

オブジェクトを必要としている場合は、.eachを使用します。

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

---

あなたは、オブジェクトの配列をしたいんでした、そして、あなたの入力がそれらname性質を持っている場合、あなたもserializeArrayを使用することができます。

var values = inputs.serializeArray(); 

Answer 2

.map()あなたがキーとしてID値を持つオブジェクトをしたい場合、あなたはこのようにそれを行うことができますので、配列を返します。これは、オブジェクトの配列を作成します

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