推送到madrill JSON數組中

Question

我有一個包含收件人和電子郵件字段的表單。 用戶可以選擇添加更多收件人。

<div class=" form-inline">
    <label for="exampleInputEmail1">Your Recipients</label>
    <script>
        var counter = 1;
var limit = 50;
function addInput(divName){
     if (counter == limit)  {
          alert("You have reached the limit of adding " + counter + " inputs");
     }
     else {
          var newdiv = document.createElement('div');
          newdiv.innerHTML =  "<br>  <input  class='form-control reciptest' placeholder='Recipient Name' type='text'> &nbsp;&nbsp; &nbsp;&nbsp;<input  class='form-control emailtest' placeholder='Recipient Email' type='text'>"
          document.getElementById(divName).appendChild(newdiv);
          counter++;
     }
}
    </script>
    <div id="dynamicInput">
  <input  class='form-control reciptest' placeholder='Recipient Name'  type='text'> <input type="text" class="form-control emailtest" placeholder="Recipient Email">
    <br>
       </div>
       <input type="button" class="btn btn-sm btn-inverse" value="Add Another Email" onClick="addInput('dynamicInput');">

  </div>

在電子郵件處理功能內部，兩個類的輸入被分成這樣的數組

var emails = document.getElementsByClassName( 'emailtest' ),
    email  = [].map.call(emails, function( email ) {
        return email.value;
    }).join( ',' );

var names = document.getElementsByClassName( 'reciptest' ),
    rname  = [].map.call(names, function( rname ) {
        return rname.value;
    }).join( ',' ); 

這是我的問題所在

該代碼當前可以將電子郵件推送到數組中，但是我無法將收件人電子郵件添加到數組中

var to =[]; 
email.split(',').forEach(function(k){ to.push ( {email:k, type:'to'});     
rname.split(',').forEach(function(r){ to.push ( {email:k, type:'to', name:'r'});

我該如何合並這兩個數組並使它們保持輸入順序？

Answer 1

根據您的代碼，您似乎嘗試將電子郵件和收件人名稱都合並到數組to 。 因此，您可以嘗試以下操作：

var to =[]; 
var emails = email.split(',');
var rnames = rname.split(',');
emails.forEach(function(em,i){
    var recipient = {email: em, type: 'to', name: null};
    if (rnames.length>i)
        recipient.name = rnames[i];

    to.push(recipient);
});