跟我学正则之——用正则替代Split分隔字符串


2010-1-16 20:52 Javascript&jQuery 2个评论632

在开发的实际应用中,我们常常会有这样的需求,把一段字符进行分隔开来,通常我们想到的就是split。示例应用,我们需要把一个以|为分隔的值输出为多个链接,我们要把“1344|1479|1471”转换为<a href=”http://iove.net/1344″>1344</a><a href=”http://iove.net/1479″>1479</a><a href=”http://iove.net/1471″>1471</a>,看明白了么

在代码中,我们使用split,怎么做呢,下面以javascript为例:

        function splitValue(input) {
            var result = "";
            if (!input) return result;
            var arrs = input.split("|");
            for (var i = 0; i&lt; arrs.length; i ++) {
                result += '<a href="http://iove.net/' + arrs[i] + '">' + arrs[i] + '</a>';
            }
            return result;
        }

运行一下,完全正常,但是,如果我们有一种更加简洁的方法,是不是可以也试一下呢?来试试正则表达式吧,看代码:

        function splitValueEx(input) {
            return input.replace(/(\d+)\|?/ig, '<a href="http://iove.net/$1">$1</a>');
        }

上面的代码,我们只用一行代码就解决了这个问题,是不是很酷呢?实际上我们只用到了一个简单正则,(\d+)\|*,这里简单解释一下,\d表示匹配数字, +表示贪婪匹配(尽可能多地匹配前面的正则所匹配的内容),\是转义符,主要是转义后面的|,因为我们的值是使用|作为不同值的分隔符,这里也要注意一个?,问号表示匹配0个或者1个。后面的$1实际上是一个捕获组,捕获前面正则中括号中所匹配的内容。

无觅相关文章插件,快速提升流量

嗯,或者你也可以收听我的微博,腾讯微博(主要用这个,其他的看我的个人介绍)

我写博客常常出现错别字,常常错得还很离谱,有时候我自己看了第二遍都骂我自个儿,但我又不习惯重复审查,纠结啊...各位看到啥错别字或者不明白的地方,请给我留言指出来,感谢感谢。

  

  • 2个评论在 "跟我学正则之——用正则替代Split分隔字符串"

  • jim
    2010-1-16 23:42
    回复TA

    刚刚才用slpit替换,就看到了这个方法
    正则还是不错的,代码非常简洁,就是太难学了,看着我就晕了

    • 涂雅
      2010-1-22 11:28
      回复TA

      还好吧,刚开始有点难学,就像0101一样,不过熟悉之后就没啥了,正则是个好东西

  • 评论敬告那些为做SEO而评论的朋友,本博不欢迎此类评论,请不要利用本博做关键字,一律封杀。

    绝不跨省追捕
    不会发垃圾邮件
    增加你的流量