将两个数组变成一个关联数组

Question

我有以下 2 个函数，用值填充数组。我只想填充 1 个数组而不是 2 个。如何制作关联数组？

var itemMetaArray = [];
var itemLabelArray = [];

$('.frm_pro_form input, .frm_pro_form select, .frm_pro_form textarea').each(function(){
    if ($(this).attr('type') != 'hidden' && ($(this).attr("type") != "submit")) {
        itemMetaArray.push($(this).attr("name"));
    }
});

$('.frm_form_field label').each(function(){
    itemLabelArray.push($(this).text());
});

console.log(itemMetaArray);
console.log(itemLabelArray);

<div id="frm_field_71_container" class="frm_form_field form-field frm_top_container"> 
  <label for="field_p0hth" class="frm_primary_label">  
    Date 
    <span class="frm_required"></span> 
  </label> 
  <input type="text" id="field_p0hth" name="item_meta[71]" value="" maxlength="10" class="frm_date" /> 
</div>

Answer 1

首先JS没有关联数组。您可以改用对象。要创建对象，您只需循环遍历所需的输入，检索相关的 label 并根据需要设置 key/value。试试这个：

var output = {};

$('.frm_pro_form :input:not(:hidden, :submit)').each(function() {
  var key = $(this).closest('div').find('label').text().trim();
  output[key] = $(this).val();
});

console.log(output);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="frm_pro_form">
  <div id="frm_field_71_container" class="frm_form_field form-field frm_top_container">
    <label for="field_p0hth" class="frm_primary_label">
      Date #1
      <span class="frm_required"></span> 
    </label>
    <input type="text" id="field_p0hth" name="item_meta[71]" value="foo" maxlength="10" class="frm_date" />
  </div>
  <div id="frm_field_72_container" class="frm_form_field form-field frm_top_container">
    <label for="field_p0hth" class="frm_primary_label">
      Date #2
      <span class="frm_required"></span> 
    </label>
    <input type="text" id="field_p1hth" name="item_meta[72]" value="bar" maxlength="10" class="frm_date" />
  </div>
</form>

将两个数组变成一个关联数组

Change two arrays into one associative array

arrays

jquery

associative