首頁(yè) 猿問(wèn) 一個(gè)標(biāo)簽去重的問(wèn)題

一個(gè)標(biāo)簽去重的問(wèn)題

JavaScript

慕工程0101907 2018-09-03 17:19:54

<input class="clvalue" value="3,3,2," name="server"> <input type="button" class="check"> 疑問(wèn)：怎么控制點(diǎn)擊把value中出只要出現(xiàn)兩次的就干掉這個(gè)數(shù)字！?。? 諸如 3，3,2，然后只剩 2 諸如 2，3,2，然后只剩 3 諸如 3，2,1，然后 1,2,3 （順序排，去逗號(hào)，去重）把正確的結(jié)果返回value？？

查看完整描述

1 回答

PIPIONE

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超9個(gè)贊

<input class="clvalue" value="3,3,2," name="server"><button id="j-button" type="button" class="check">Click</button>
<!-- 我給 button 掛個(gè) id="j-button" 來(lái)方便獲取元素 -->

document.getElementById('j-button').addEventListener('click', function() {  var input = document.querySelector('input[name="server"]');  
var value = input.value;  
  // 按照 , 來(lái)分割字符串，順便移除前后空格
  var result = value.split(/\s*,\s*/).filter(function(item) {    if (item) {      var index = value.indexOf(item);
   // 獲取字符在字符串中的位置
      // 從字符串結(jié)束的位置向后檢索，找不到則表示是唯一的
      return value.indexOf(item, index + item.length) === -1;
    } else {      return false;
    }
  }).sort(); // 最后排個(gè)序
  
  input.value = result.join(',');
});

反對(duì) 回復(fù) 2018-10-28