jquery 正则表达式匹配开头 js正则表达式匹配url

转载

mob64ca14068b0b 2023-12-05 21:31:35

文章标签 jquery 正则表达式匹配开头正则表达式 .net 数组 文章分类 jQuery 前端开发

首先，此片文章并不是直接告诉你，url的正则表达式是什么，以及怎么使用这个正则表达式去解析一个URL地址，相信这种问题在网络上已经能找到很多。本文的宗旨在于教你如何理解URL的正则表达式，以达到理解正则表达式，以及能够在日后的工作中写出相对简单的正则。言归正传，先看看一下的例子：

var parse_url = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;

jquery 正则表达式匹配开头 js正则表达式匹配url_正则表达式

1 var parse_url = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;
 2 var url = "http://qiji123.kerlai.net:81/GoodsBasic/Operate/12678?q#simen";
 3 var result = parse_url.exec(url);
 4 var names = ["url","scheme","slash","host","port","path","query","hash"];
 5 for(var i=0; i <names.length;i++){
 6     console.log(names[i]+":"+result[i]);
 7 }
 8 
 9 //输出结果
10 /*
11 url:http://qiji123.kerlai.net:81/GoodsBasic/Operate/12678?q#simen
12 scheme:http
13 slash://
14 host:qiji123.kerlai.net
15 port:81
16 path:GoodsBasic/Operate/12678
17 query:q
18 hash:simen
19 */

View Code

我们先来看看结果：

url:http://qiji123.kerlai.net:81/GoodsBasic/Operate/12678?q#simen

scheme:http

slash://

host:qiji123.kerlai.net

port:81

path:GoodsBasic/Operate/12678

query:q

hash:simen

代码中result数组的集合是['http://qiji123.kerlai.net:81/GoodsBasic/Operate/12678?q#simen','http', '//', 'qiji123.kerlai.net', '81', 'GoodsBasic/Operate/12678', 'q', 'simen']

现在我们尝试把从第2个到最后一个的结果一个一个链接起来，得到的结果为："http // qiji123.kerlai.net 81 GoodsBasic/Operate/12678 q simen" 和原来的url相比，缺少了":?#"等链接符。这个是为何？说到这，我们就要引出正则表达式的一个概念为正则表达式的分组。正则表达式有4种分组，分别是：捕获型、飞捕获型、向前正向匹配、向前负向匹配。此处我重点介绍前面两种，后面两种大家可以自行补脑。其中非捕获型的就不会在结果的数组中出现，（）括起来的为一个组，即会占用结果数组的一个位置。同样如果在你的正则表达式中，没有用括号括起来，那么所匹配到的字符将不会出现在exec()方法所返回的数组中。正则的分组是使用（）括起来的称为一个分组。

1、捕获型分组：(...)

2、非捕获型分组：(?: .....)

3、向前正向匹配：(?=........)

4、向前负向匹配：(?!.........)

接下来我们来分解parse_url这个正则表达式，第一个分组

jquery 正则表达式匹配开头 js正则表达式匹配url_jquery 正则表达式匹配开头_02