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

最新推荐文章于 2023-03-05 15:07:52 发布

weixin_34335458

最新推荐文章于 2023-03-05 15:07:52 发布

阅读量153

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/conis/archive/2010/01/16/1720400.html

版权

在开发的实际应用中，我们常常会有这样的需求，把一段字符进行分隔开来，通常我们想到的就是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实际上是一个捕获组，捕获前面正则中括号中所匹配的内容。

注意：本文为我的独立博客镜像博客，自发表不再更新，原文可能随时被更新，敬请访问原文。同时，请大家不要在此评论，如果有什么看法，请点击这里：http://iove.net/1705/

本文来自http://iove.net，欢迎转载，转载敬请保留相关链接，否则视为侵权，原文链接：http://iove.net/1705/

转载于:https://www.cnblogs.com/conis/archive/2010/01/16/1720400.html