Regex - совпадение персонажа только один раз - затем игнорировать

Question

Я прошел через множество вопросов и не смог решить свою проблему.

Мне нужно совместить ряд специальных символов, но только один раз.

HTML:

<form class="FillIn Rearrange"> 
     <input data-correctanswer="ça" type="text">, 
     <input data-correctanswer="ça" type="text"> 
     <input data-correctanswer="vé" type="text"> 
     <input data-correctanswer="bién" type="text"> 
</form> 

Этот JS в настоящее время возвращает ВСЕ С и Е, но мне нужно 1 макс. каждый из них:

var buttons = ''; 
     $('.FillIn input').each(function() { 
      var corrAns = $(this).attr('data-correctanswer'); 


      for (var i = 0; i < corrAns.length; i++) { 
       if (corrAns[i].match(/[éç]/g)) { 
        buttons += '<button>' + corrAns[i] + '</button>'; 
       } 
      } 
     }); 

fiddle

В настоящее время возвращает сЦВЕ (все вхождения)

нужно его вернуть Ce (один из каждого).

нужно масштабируемое решение, т.е. .match (/ [éçdfga]/г) (или любое дополнительное письмо)

Answer 1

Вот как вы можете это сделать:

var buttons = ''; 
 

 
function createButtons(lettersToMatch){ 
 
    $('.FillIn input').each(function() { 
 
     var corrAns = $(this).attr('data-correctanswer'); 
 
     
 
     for (var i = 0; i < corrAns.length; i++) { 
 
      var match = corrAns[i].match(new RegExp(lettersToMatch)); 
 
      if (match) { 
 
       buttons += '<button>' + corrAns[i] + '</button>'; 
 
       lettersToMatch = lettersToMatch.replace(match[0], ""); 
 
      } 
 
     } 
 
    }); 
 
} 
 

 
//Testing 
 
createButtons("[éèçêïë]"); 
 
$("body").append(buttons);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form class="FillIn Rearrange"> 
 
    <input data-correctanswer="çaï" type="text">, 
 
    <input data-correctanswer="ça" type="text"> 
 
    <input data-correctanswer="vé" type="text"> 
 
    <input data-correctanswer="bién" type="text"> 
 
</form>

Answer 2

Похоже, что вы хотите закончить цикл, как только вы получите матч, так что бросить в перерыве заявлении:

var buttons = ''; 
     $('.FillIn input').each(function() { 
      var corrAns = $(this).attr('data-correctanswer'); 


      for (var i = 0; i < corrAns.length; i++) { 
       if (corrAns[i].match(/[éç]/g)) { 
        buttons += '<button>' + corrAns[i] + '</button>'; 
        break; 
       } 
      } 
     }); 

Answer 3

Вам просто нужно помнить, что вы уже нашли и не обрабатывать его:

var buttons = ''; 
var found = []; // this remembers what we have already found 

$('.FillIn input').each(function() { 

    var corrAns = $(this).attr('data-correctanswer'); 

    for (var i = 0; i < corrAns.length; i++) { 

     var m; // hold the match 
     if (m = corrAns[i].match(/[éç]/)) { 

      // not found yet 
      if(found.indexOf(m[0]) == -1) { 

       found.push(m[0]) // remember it's been found 
       buttons += '<button>' + corrAns[i] + '</button>'; 
      } 
     } 
    } 
});