一个标签去重的问题

Question

<input class="clvalue" value="3,3,2," name="server"> <input type="button" class="check"> 疑问：怎么控制点击 把value中出只要出现两次的就干掉这个数字！！！  诸如 3，3,2， 然后只剩 2  诸如 2，3,2， 然后只剩 3  诸如 3，2,1， 然后 1,2,3    （顺序排，去逗号，去重）  把正确的结果返回value？？

Answer 1

<input class="clvalue" value="3,3,2," name="server"><button id="j-button" type="button" class="check">Click</button>
<!-- 我给 button 挂个 id="j-button" 来方便获取元素 -->

document.getElementById('j-button').addEventListener('click', function() {  var input = document.querySelector('input[name="server"]');  
var value = input.value;  
  // 按照 , 来分割字符串，顺便移除前后空格
  var result = value.split(/\s*,\s*/).filter(function(item) {    if (item) {      var index = value.indexOf(item);
   // 获取字符在字符串中的位置
      // 从字符串结束的位置向后检索，找不到则表示是唯一的
      return value.indexOf(item, index + item.length) === -1;
    } else {      return false;
    }
  }).sort(); // 最后排个序
  
  input.value = result.join(',');
});