jsでチェックボックスから連想配列を作りたい

前提・実現したいこと

超初心者です。
実現したいことは、チェックボックスで選択された項目から連想配列を作ることです。

■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

下記コードのようにval()で値を取得して配列に入れることはできるのですが、
連想配列にすることができずに悩んでいます。

実現したい連想配列の形は,var a = {size:1100,size:1200} var b = {use:11,use:12}
sizeとuseについてもinputにどのように入れていいのかがわかりません。

エラーメッセージ

該当のソースコード

$(function(){
  var a = $('input[class=checkbox_1]:checked').map(function(){
  return $(this).val();
}).get();  
var b = $('input[class=checkbox_2]:checked').map(function(){
  return $(this).val();
}).get();  
});


<form>
   <label>
     <input type="checkbox" class="checkbox_1" value="1100">1100</label>
   <label>
     <input type="checkbox" class="checkbox_1" value="1200">1200</label>
   <label>
     <input type="checkbox" class="checkbox_1" value="1300">1300</label>
   <label>
     <input type="checkbox" class="checkbox_1" value="1400">1400</label>
</form>

<form>
   <label>
     <input type="checkbox" class="checkbox_2" value="11">11</label>
   <label>
     <input type="checkbox" class="checkbox_2" value="12">12</label>
   <label>
     <input type="checkbox" class="checkbox_u" value="13">13</label>
</form>

試したこと

pushを使用してチェック項目の配列を作ることはできたのですが、連想配列にする方法に躓いています。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

var a = {size:1100,size:1200} var b = {use:11,use:12}

まず、前提条件として同じキーは許容されません。

var result = {size:1100, use:11};
のような出力にするには以下のようなコードを書くことができます。

jQuery
1
2$(function(){
3  var result = {};
4  var a = $('input[class=checkbox_1]:checked').map(function(){
5    result['size'] = $(this).val(); //resultという連想配列のsizeというキーで値を代入
6    console.log(result);
7  }).get();  
8var b = $('input[class=checkbox_2]:checked').map(function(){
9    result['use'] = $(this).val();  //resultという連想配列のuseというキーで値を代入
10    console.log(result);
11  }).get();  
12});
13