今天工作的时候遇到要解析表情,先把最后解决的结果贴上来

/*
*解析内容,将内容中的表情进行替换
*@param: Contens 要处理的字符串
*@param: arrFaceList 表情数据
*@param: webRoot 处理完显示的图片目录级别
*/
function replaceFace(Contens, arrFaceList, webRoot) {

    $.each(arrFaceList.JDataList, function (i, faces) {
        var faceName = eval("/\\[" + faces.ExpressionName + "]/ig");
        var replaceHtml = "<img title='" + faces.ExpressionName + "' style='cursor:pointer' src='" + webRoot + faces.ExpressionUrl + "'>"
        Contens = Contens.replace(faceName, replaceHtml);
    });
    return Contens;
}

我遇到的问题:
1、js里的replace方法跟c#里的不一样,Js里的只替换第一个匹配项,而C#里匹配所有的匹配项。
解决办法:用正则表达式匹配。正则中有个配置参数g是global全局匹配。ig是ignore case忽略大小写的全局匹配
2、接下来的问题是中括号是正则里的特殊符号,怎么办?
解决办法:将前中括号[加转义字符\,注意,后中括号]不用加。见下面资料
3、可是正则表达式中有变量该怎么办呢?
解决办法:用eval()方法来连接字符串。
4、为什么还是不行?
解决办法:转义字符要写两次,因为在字符串”/\\[“里的单斜杠本身也需要转义。


资料:正则表达式中的特殊字符(需要转义)

  • ^ 匹配输入字符串的开始位置,除非在方括号表达式中使用,此时它表示不接受该字符集合。要匹配 ^ 字符本身,请使用 \^。
  • $ 匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性,则 $ 也匹配 ‘\n’ 或 ‘\r’。要匹配 $ 字符本身,请使用 \$。
  • . 匹配除换行符 \n 之外的任何单字符。要匹配 .,请使用 \。
  • \ 将下一个字符标记为或特殊字符、或原义字符、或后向引用、或八进制转义符。例如, ‘n’ 匹配字符 ‘n’。’\n’ 匹配换行符。序列 ‘\\’ 匹配 “\”,而 ‘\(‘ 则匹配 “(“。
  • | 指明两项之间的一个选择。要匹配 |,请使用 \|。
  • { 标记限定符表达式的开始。要匹配 {,请使用 \{。
  • [ 标记一个中括号表达式的开始。要匹配 [,请使用 \[。
  • ( 和 ) 标记一个子表达式的开始和结束位置。子表达式可以获取供以后使用。要匹配这些字符,请使用 \( 和 \)。
  • * 匹配前面的子表达式零次或多次。要匹配 * 字符,请使用 \*。
  • + 匹配前面的子表达式一次或多次。要匹配 + 字符,请使用 \+。
  • ? 匹配前面的子表达式零次或一次,或指明一个非贪婪限定符。要匹配 ? 字符,请使用 \?。
 

正则表达式可以:
•测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证
•替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字
•根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字

正则表达式语法:
一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。

创建正则表达式:

View Code
 1 var re = new RegExp();//RegExp是一个对象,和Aarray一样
 2 //但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去
 3 re =new RegExp("a");//最简单的正则表达式,将匹配字母a
 4 re=new RegExp("a","i");//第二个参数,表示匹配时不分大小写

RegExp构造函数第一个参数为正则表达式的文本内容,而第二个参数则为可选项标志.标志可以组合使用
•g (全文查找)
•i (忽略大小写)
•m (多行查找)
View Code
1 var re = new RegExp(“a”,”gi”);//匹配所有的a或A
正则表达式还有另一种正则表达式字面量的声明方式

View Code
1 var re = /a/gi;

正则表达式相关的方法和属性

正则表达式对象的方法
•test,返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式。如果存在则返回 true,否则就返回 false。
•exec,用正则表达式模式在字符串中运行查找,并返回包含该查找结果的一个数组。
•compile,把正则表达式编译为内部格式,从而执行得更快。
正则表达式对象的属性
•source,返回正则表达式模式的文本的复本。只读。
•lastIndex,返回字符位置,它是被查找字符串中下一次成功匹配的开始位置。
•$1…$9,返回九个在模式匹配期间找到的、最近保存的部分。只读。
•input ($_),返回执行规范表述查找的字符串。只读。
•lastMatch ($&),返回任何正则表达式搜索过程中的最后匹配的字符。只读。
•lastParen ($+),如果有的话,返回任何正则表达式查找过程中最后括的子匹配。只读。
•leftContext ($`),返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符。只读。
•rightContext ($’),返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符。只读。
String对象一些和正则表达式相关的方法

•match,找到一个或多个正则表达式的匹配。
•replace,替换与正则表达式匹配的子串。
•search,检索与正则表达式相匹配的值。
•split,把字符串分割为字符串数组。

测试正则表达式是如何工作的!

View Code

1 //test方法,测试字符串,符合模式时返回true,否则返回false
 2 var re = /he/;//最简单的正则表达式,将匹配he这个单词
 3 var str = "he";
 4 alert(re.test(str));//true
 5 str = "we";
 6 alert(re.test(str));//false
 7 str = "HE";
 8 alert(re.test(str));//false,大写,如果要大小写都匹配可以指定i标志(i是ignoreCase或case-insensitive的表示)
 9 re = /he/i;
 10 alert(re.test(str));//true
 11 str = "Certainly!He loves her!";
 12 alert(re.test(str));//true,只要包含he(HE)就符合,如果要只是he或HE,不能有其它字符,则可使用^和$
 13 re = /^he/i;//脱字符(^)代表字符开始位置
 14 alert(re.test(str));//false,因为he不在str最开始
 15 str = "He is a good boy!";
 16 alert(re.test(str));//true,He是字符开始位置,还需要使用$
 17 re = /^he$/i;//$表示字符结束位置
 18 alert(re.test(str));//false
 19 str = "He";
 20 alert(re.test(str));//true
 21 //当然,这样不能发现正则表达式有多强大,因为我们完全可以在上面的例子中使用==或indexOf
 22 re = /\s/;// \s匹配任何空白字符,包括空格、制表符、换页符等等
 23 str= "user Name";//用户名包含空格
 24 alert(re.test(str));//true
 25 str = "user Name";//用户名包含制表符
 26 alert(re.test(str));//true
 27 re=/^[a-z]/i;//[]匹配指定范围内的任意字符,这里将匹配英文字母,不区分大小写
 28 str="variableName";//变量名必须以字母开头
 29 alert(re.test(str));//true
 30 str="123abc";
 31 alert(re.test(str));//false

当然,仅仅知道了字符串是否匹配模式还不够,我们还需要知道哪些字符匹配了模式

View Code

1 var osVersion = "Ubuntu 8";//其中的8表示系统主版本号
 2 var re = /^[a-z]+\s+\d+$/i; //+号表示字符至少要出现1次,\s表示空白字符,\d表示一个数字
 3 alert(re.test(osVersion));//true,但我们想知道主版本号
 4 //另一个方法exec,返回一个数组,数组的第一个元素为完整的匹配内容
 5 re=/^[a-z]+\s+\d+$/i;
 6 arr = re.exec(osVersion);
 7 alert(arr[0]);//将osVersion完整输出,因为整个字符串刚好匹配re
 8 //我只需要取出数字
 9 re=/\d+/;
 10 var arr = re.exec(osVersion);
 11 alert(arr[0]);//8

注意,当字符串不匹配re时,exec方法将返回null
String对象的一些和正则表达式有关的方法

View Code

1 //replace方法,用于替换字符串
 2 var str ="some money";
 3 alert(str.replace("some","much"));//much money
 4 //replace的第一个参数可以为正则表达式
 5 var re = /\s/;//空白字符
 6 alert(str.replace(re,"%"));//some%money
 7 //在不知道字符串中有多少空白字符时,正则表达式极为方便
 8 str ="some some \tsome\t\f";
 9 re = /\s+/;
 10 alert(str.replace(re,"#"));//但这样只会将第一次出现的一堆空白字符替换掉
 11 //因为一个正则表达式只能进行一次匹配,\s+匹配了第一个空格后就退出了
 12 re = /\s+/g;//g,全局标志,将使正则表达式匹配整个字符串
 13 alert(str.replace(re,"@"));//some@some@some@
 14 //另一个与之相似的是split
 15 var str = "a-bd-c";
 16 var arr = str.split("-");//返回["a","bd","c"]
 17 //如果str是用户输入的,他可能输入a-bd-c也可能输入a bd c或a_bd_c,但不会是abdc(这样就说他输错了)
 18 str = "a_db-c";//用户以他喜欢的方式加分隔符s
 19 re=/[^a-z]/i;//前面我们说^表示字符开始,但在[]里它表示一个负字符集
 20 //匹配任何不在指定范围内的任意字符,这里将匹配除字母处的所有字符
 21 arr = str.split(re);//仍返回["a","bd","c"];
 22 //在字符串中查找时我们常用indexOf,与之对应用于正则查找的方法是search
 23 str = "My age is 18.Golden age!";//年龄不是一定的,我们用indexOf不能查找它的位置
 24 re = /\d+/;
 25 alert(str.search(re));//返回查找到的字符串开始下标10
 26 //注意,因为查找本身就是出现第一次就立即返回,所以无需在search时使用g标志
 27 //下面的代码虽然不出错,但g标志是多余的
 28 re=/\d+/g;
 29 alert(str.search(re));//仍然是10

注意,当search方法没有找到匹配时,将返回-1
类似于exec方法,String对象的match方法也用于将字符串与正则表达式进行匹配并返回结果数组

View Code

1 var str = "My name is CJ.Hello everyone!";
 2 var re = /[A-Z]/;//匹配所有大写字母
 3 var arr = str.match(re);//返回数组
 4 alert(arr);//数组中只会包含一个M,因为我们没有使用全局匹配
 5 re = /[A-Z]/g;
 6 arr = str.match(re);
 7 alert(arr);//M,C,J,H
 8 //从字符串中抽取单词
 9 re = /\b[a-z]*\b/gi;//\b表示单词边界
 10 str = "one two three four";
 11 alert(str.match(re));//one,two,three,four

RegExp对象实例的一些属性
View Code

1 var re = /[a-z]/i;
 2 alert(re.source);//将[a-z]字符串输出
 3 //请注意,直接alert(re)会将正则表达式连同前向斜线与标志输出,这是re.toString方法定义的

每个RegExp对象的实例具有lastIndex属性,它是被查找字符串中下一次成功匹配的开始位置,默认值是-1。 lastIndex 属性被 RegExp 对象的 exec 和 test 方法修改.并且它是可写的.
View Code

1 var re = /[A-Z]/;
 2 //exec方法执行后,修改了re的lastIndex属性,
 3 var str = "Hello,World!!!";
 4 var arr = re.exec(str);
 5 alert(re.lastIndex);//0,因为没有设置全局标志
 6 re = /[A-Z]/g;
 7 arr = re.exec(str);
 8 alert(re.lastIndex);//1
 9 arr = re.exec(str);
 10 alert(re.lastIndex);//7

转自http://www.cnblogs.com/xingshikk/archive/2011/04/28/2031823.html

© 2012 Hedgehog Suffusion theme by Sayontan Sinha