正则表达式-仅匹配一次字符-然后忽略

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当前返回ALLç和é，但我最多需要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>';
                }
            }
        });

小提琴

当前返回ççéé（所有情况）

需要它返回çé（每个）。

需要一个可扩展的解决方案，即.match（/ [éçdfga] / g）（或任何其他字母）

Answer 1

看起来您想在获得匹配项后立即结束for循环，因此请输入break语句：

 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 2

您只需要记住已经找到的内容而不进行处理：

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>';
            }
        }
    }
});

Answer 3

您可以按照以下方法进行操作：

 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>