javascript - 各种类型的表情符号的正则表达式匹配列表

Question

我需要创建一个功能，这将允许我解析文本以寻找不同格式的表情符号字符串的匹配项。它可以是:)类型表情符号，也可以是<dog>( <dog>) 类型。目前我的函数可以找到这两种类型，但需要两个不同的正则表达式来完成这个任务，我想一步完成。有任何想法吗 ？

jsfiddle 的实时示例：http: //jsfiddle.net/rmQSx/5/

和代码：

function replaceEmoticons(text) {
    var emots1 = {
        ':)': 'smile.gif',
        ':(': 'sad.gif',
    },
    emots2 = {
        '<dog>': 'dog.gif',
        '<fly>': 'fly.gif'   
    },
    regex1,regex2,p,re;


    for(p in emots1){
        regex1 = "["+p+"]{2}";
        re = new RegExp(regex1, "g");

        text = text.replace(re, function (match) {
            return typeof emots1[match] != 'undefined' ?
                '<img src="'+emots1[match]+'"/>' :
                match;
        });
    }

    for(p in emots2){
        regex2 = "("+p+")(|$)";
        re = new RegExp(regex2, "g");

        text = text.replace(re, function(match) {
            return typeof emots2[match] != 'undefined' ?
                '<img src="'+emots2[match]+'"/>' :
                match;
        });
    }

     return text;   
}

console.log(replaceEmoticons('this is &lt;dog&gt;b a&lt;fly&gt; simple test :) , ;)   and more:):('));

Answer 1

我很确定您不需要在每个for循环开始时做的有趣的事情来修改正则表达式。摆脱它，没有什么能阻止你将这两个集合合并在一起。

但是，在制作正则表达式时，您应该转义特殊字符(和)笑脸。另外，我建议使正则表达式搜索不区分大小写，以便<dog>两者<DOG>都匹配。

//helper function to escape special characters in regex
function RegExpEscape(text) {
    return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"); 
}

function replaceEmoticons(text) {   
    var emots = {
        ':)'         : 'smile.gif',
        ':('         : 'sad.gif',
        '<dog>': 'dog.gif',
        '<fly>': 'fly.gif'
    }

    var result = text;
    var emotcode;
    var regex;

    for (emotcode in emots)
    {
        regex = new RegExp(RegExpEscape(emotcode), 'gi');
        result = result.replace(regex, function(match) {
            var pic = emots[match.toLowerCase()];

            if (pic != undefined) {
                return '<img src="' + pic + '"/>';
                    } else {
                return match;
                    }
                });
    }

    return result;    
}

Answer 2

使用 |

您可以执行以下操作：

re = new RegExp(smiley1|smiley2|...|smileyN);