數組比較

Question

我想根據選擇創建一個唯一的taskID列表。每個任務最多可能有2家公司。我的問題是下面的taskID比較失敗。我的代碼：

<script> 
$().ready(function() { 

    $.validator.addMethod(
     "findRegex", 
     function(value, element) { 
      return /^.+::[1-9]\d{0,11}$/.test(value); 
     }, 
     "Please check your input." 
    ); 

    $('#myForm').validate({ 
      submitHandler: function(form){ 
       $("#formSub").html('<table style="font-size:11px; color:#333;"><tr><td><img border="0" src="images/ajax-loader.gif"/></td><td>Saving! Please wait...</td></table>'); 
       var options = { 

        success: showResponse, 
        url:'addValidation2.cfm?t=1' 
       }; 
       $('#myForm').ajaxSubmit(options); 
       return false; 
      } 
    }); 

     $('select[name^=compName]').change(function() { 
      var tid = $(this).attr('name').split('-')[1]; 
      var j = $(this).attr('name').split('-')[2]; 
      var currTaskIDs = $("#taskIDList").val(); 

      // begin: create the task list: 
      var arr = []; 
      var arr2 = []; 
      var arr3 = []; 
      if (currTaskIDs != '') { 
       if($.inArray(currTaskIDs, arr2) == -1) { 
        arr2.push(currTaskIDs); 
       } 
      } 

      if($.inArray(tid, arr) == -1) { 
       arr.push(tid); 
      } 

      arr3 = unionArr(arr,arr2); 
      alert(arr3); 
      $("#taskIDList").val(arr3); 
      // end 
     }); 

     unionArr = function(x, y) { 
      var obj = {}; 
      for (var i = x.length-1; i >= 0; -- i) 
      obj[x[i]] = x[i]; 
      for (var i = y.length-1; i >= 0; -- i) 
      obj[y[i]] = y[i]; 
      var res = [] 
      for (var k in obj) { 
      if (obj.hasOwnProperty(k)) 
       res.push(obj[k]); 
      } 
      return res; 
     } 


    $("input[name^=compName-]").each(function() { 
     $(this).rules("add", { findRegex: true }); 
    }); 
}); 
</script> 

<form id="myForm" name="myForm" method="post" action=""> 

task : 35 
<select name="compName-35-1" id="compName-35-1"> 
    <option value=""></option> 
    <option value="acme inc::30">acme inc::30</option> 
    <option value="my company::54781">my company::54781</option> 
    <option value="abc llc::42443">abc llc::42443</option> 
    <option value="zzzz">zzzz</option> 
</select> 

<select name="compName-35-2" id="compName-35-2" style="padding-left:20px;"> 
    <option value=""></option> 
    <option value="acme inc::30">acme inc::30</option> 
    <option value="my company::54781">my company::54781</option> 
    <option value="abc llc::42443">abc llc::42443</option> 
    <option value="zzzz">zzzz</option> 
</select> 
<hr/> 

    task : 36 
<select name="compName-36-1" id="compName-36-1"> 
    <option value=""></option> 
    <option value="acme inc::30">acme inc::30</option> 
    <option value="my company::54781">my company::54781</option> 
    <option value="abc llc::42443">abc llc::42443</option> 
    <option value="zzzz">zzzz</option> 
</select> 

<select name="compName-36-2" id="compName-36-2" style="padding-left:20px;"> 
    <option value=""></option> 
    <option value="acme inc::30">acme inc::30</option> 
    <option value="my company::54781">my company::54781</option> 
    <option value="abc llc::42443">abc llc::42443</option> 
    <option value="zzzz">zzzz</option> 
</select> 
<hr/> 

    task : 37 
<select name="compName-37-1" id="compName-37-1"> 
    <option value=""></option> 
    <option value="acme inc::30">acme inc::30</option> 
    <option value="my company::54781">my company::54781</option> 
    <option value="abc llc::42443">abc llc::42443</option> 
    <option value="zzzz">zzzz</option> 
</select> 

<select name="compName-37-2" id="compName-37-2" style="padding-left:20px;"> 
    <option value=""></option> 
    <option value="acme inc::30">acme inc::30</option> 
    <option value="my company::54781">my company::54781</option> 
    <option value="abc llc::42443">abc llc::42443</option> 
    <option value="zzzz">zzzz</option> 
</select> 

<hr/> 

<input type="submit" name="btnSave" id="btnSave" value="Save"/> 
<hr/> 
<input type="text" name="taskIDList" id="taskIDList" value="" /> 
<div id="formSub"></div> 

1. 我選擇這兩家公司的任務35. taskIDList文本顯示35 <通>
2. 我選擇這兩家公司的任務36，taskIdList文本框顯示：36,36 ，35 <失敗> 它應該顯示36,35。
3. 我爲任務37選擇一個公司，taskIdList正確地將37添加到列表中。然後我改變公司，然後taskIdList變成37,37,36,36,35：<失敗>

我如何確保列表是唯一的？

在此先感謝

Answer 1

望着這是簡單地從你的最終名單刪除重複的問題，你可以寫像this SO answer所示的一個小功能。拋開任何concerns with modifying objects you don't own添加此功能（和它的事實爲O（n^2）），該功能可讓您做到這一點：

var theArray = [37,37,36,36,35]; 
var theUniqueArray = theArray.unique(); // -> [37,36,35] 

---

編輯：我搞掂你的提琴。你有一堆問題。看看here。

有幾件事情：

• 你並不需要在的jsfiddle
• 添加<script>標籤你並不需要添加$(document).ready(...)周圍的jsfiddle你的代碼。
• 由於Array.prototype.unique = function()...是函數表達式，因此不會被掛起。我把它移到了你的其他代碼之上。

• 您正在從零循環到長度爲currTaskIDs，這是一個字符串，而不是一個數組。因此，當它的值是35,36時，這是五次迭代，而不是兩次。自從unique功能陣列上運行，我已經改變了字符串數組：

  if (currTaskIDs.length) arr = currTaskIDs.split(','); 
  

• 接下來我們添加當前選擇的值數組（如果適用）：

  if (tid.length) arr.push(tid); 
  

• 最後我們運行開始整個練習的unique函數，然後將整個混亂回到一個字符串並將其放到您的字段中：

  var u = arr.unique(); 
  $("#taskIDList").val(u.join(','));