JS移除重複選項

javascript web

amisser 2020-08-14 17:44:17 ‧ 1394 瀏覽

分享至

程式碼在這裡

如題，請問怎樣移除重複的選項?
我在想是不是要再建立一個for迴圈去創建新的陣列....之類的

firecold iT邦新手 1 級 ‧ 2020-08-14 17:59:32 檢舉

https://guahsu.io/2017/06/JavaScript-Duplicates-Array/

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

glj8989332

iT邦研究生 4 級 ‧ 2020-08-14 22:05:56

最佳解答

假設你的text就是key, 用object當hashmap做檢查即可.

每for loop就檢查該key, 如果不在hashmap, 就可以加入select, 也把它加入hashmap; 否則就略過

table = document.getElementById("myTable");
tr    = table.getElementsByTagName("tr");
var select = document.getElementById("filter");
  
var checkMap = {};

for (i = 0; i < tr.length; i++) {
   td = tr[i].getElementsByTagName("td")[0];
 
   //console.log(td);
   if (td) {
      txtValue = td.textContent || td.innerText;
      if(txtValue in checkMap){
            continue;
      }
      else{
            checkMap[txtValue] = true;
            console.log(txtValue);

            var option = document.createElement("option");
            var    txt = document.createTextNode(txtValue);
            option.appendChild(txt);
            select.insertBefore(option,select.lastChild)
      }
   }
}

回應 2
分享
檢舉

amisser iT邦新手 5 級 ‧ 2020-08-17 15:01:52 檢舉

感謝解答，我還有一個問題，如果想用new set去寫的話，應該要怎麼寫?
這是我試著自己寫的code....顯然不成功...

  table = document.getElementById("myTable");
  tr    = table.getElementsByTagName("tr");
  var select = document.getElementById("filter");
    
var checkMap = {};

for (i = 0; i < tr.length; i++) {
   td = tr[i].getElementsByTagName("td")[0];
 
   //console.log(td);
   if (td) {
      txtValue = td.textContent || td.innerText;
     
      for(txtValue in checkMap){
        var mySet = new Set(checkMap);
      }
     
 console.log(mySet);

            var option = document.createElement("option");
            var    txt = document.createTextNode(txtValue);
            option.appendChild(txt);
            select.insertBefore(option,select.lastChild)

   }
}