Question

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

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

和代码：

function replaceEmoticons(text) {
    var emots1 = {
        ':)': 'smile.gif',
        ':(': 'sad.gif',
    },
    emots2 = {
        '&lt;dog&gt;': 'dog.gif',
        '&lt;fly&gt;': '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',
        '&lt;dog&gt;': 'dog.gif',
        '&lt;fly&gt;': '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);

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

2 个答案: