javascript - 从具有数组命名输入的表单中获取值数组

Question

我有一个在复杂产品页面上生成的表单，它有助于编辑产品及其变体。手动更改后，我必须从生成的表单中获取所有输入并将其放回原始输入中。

为了保持智能，如果不是简单的话，我想以“数组”样式命名所有生成的输入。提交表单后，有没有办法用 js/jquery 轻松“制作”一个关联的 javascript 数组？又名，我想要：

inputValues = { 
  546is_article_id_4644 : { public_price : 20.02, provider_price : 14.90},
  car_id_size : { name : { old: "Sizee", new: "Size" } }
}

HTML + JS

<input type="text" name="f[article_id][public_price]"   class="f_in" value="20.02" />
<input type="text" name="f[article_id][provider_price]" class="f_in" value="14.99" />

<input type="hidden" name="f[car_id][name][old]" class="f_in" value="the old name" />
<input type="text"   name="f[car_id][name][new]" class="f_in" value="the new name" />
<a href="#" id="f_submit" />Test form</a>

$('#f_submit').click(function() {
  f_inputs = $(':input.f_in');
  // what to do ... ? 
});