Home >Web Front-end >JS Tutorial >Some knowledge about relevant rules
<span style="color: #008080"> 1</span> <span style="font-size: 15px"><span style="color: #000000">1. 正则表达式:规定字符串中字符出现规律的规则。 </span><span style="color: #008080"> 2</span> <span style="color: #000000"> 何时使用:查找 验证 替换 切割 </span><span style="color: #008080"> 3</span> <span style="color: #000000"> 模糊查找,验证字符串格式,模糊替换,按照一定规律切割字符串 </span><span style="color: #008080"> 4</span> <span style="color: #008080"> 5</span> <span style="color: #000000"> 正则表达式语法: </span><span style="color: #008080"> 6</span> <span style="color: #000000"> 1. 最简单正则:关键字正文 </span><span style="color: #008080"> 7</span> <span style="color: #000000"> 2. 备选字符集:字符串中某*一位*上可选的字符的集合 </span><span style="color: #008080"> 8</span> <span style="color: #000000"> [备选字符列表] </span><span style="color: #008080"> 9</span> <span style="color: #000000"> 强调:一个备选字符集,只能规定一位字符 </span><span style="color: #008080"> 10</span> <span style="color: #000000"> 如果备选字符列表是(部分)连续的:用-省略中间字符 </span><span style="color: #008080"> 11</span> <span style="color: #000000"> 仅表示*除别字符外*,所有字符均可:^除掉字符——了解 </span><span style="color: #008080"> 12</span> <span style="color: #000000"> 3. 预定义字符集:对常用字符集的简写方式 </span><span style="color: #008080"> 13</span> <span style="color: #000000"> \d:1位数字 [0-9] </span><span style="color: #008080"> 14</span> <span style="color: #000000"> \w: 1位数字,字母或下划线 [0-9a-zA-Z_] </span><span style="color: #008080"> 15</span> <span style="color: #000000"> \s: 1位空字符:空格 tab 回车换行 </span><span style="color: #008080"> 16</span> <span style="color: #008080"> 17</span> <span style="color: #000000"> . : 1位任意字符,除回车换行外 </span><span style="color: #008080"> 18</span> <span style="color: #000000"> 预定义字符集 vs 自定义字符集 </span><span style="color: #008080"> 19</span> <span style="color: #000000"> 预定义字符集语法简单,规则是固定的,不可变! </span><span style="color: #008080"> 20</span> <span style="color: #000000"> 自定义字符集,规则完全自定义,灵活!语法繁琐 </span><span style="color: #008080"> 21</span> <span style="color: #008080"> 22</span> <span style="color: #000000"> 4. 数量词:规定一个字符集出现次数的量词 </span><span style="color: #008080"> 23</span> <span style="color: #000000"> 如何使用:紧跟字符集之后,修改相邻的前一个字符集 </span><span style="color: #008080"> 24</span> <span style="color: #000000"> 1. 确定数量:3种: </span><span style="color: #008080"> 25</span> <span style="color: #000000"> {m,n} 最少m个,最多n个 </span><span style="color: #008080"> 26</span> <span style="color: #000000"> {m,} m个以上 </span><span style="color: #008080"> 27</span> <span style="color: #000000"> {m} 必须m个 </span><span style="color: #008080"> 28</span> <span style="color: #000000"> 2. 不确定数量:3种: </span><span style="color: #008080"> 29</span> <span style="color: #000000"> ?: 可有可无,最多一个 </span><span style="color: #008080"> 30</span> <span style="color: #000000"> *: 可有可无,多了不限 </span><span style="color: #008080"> 31</span> <span style="color: #000000"> +: 至少一个,多了不限 </span><span style="color: #008080"> 32</span> <span style="color: #000000"> 5. 选择和分组: </span><span style="color: #008080"> 33</span> <span style="color: #000000"> 分组: (子表达式) </span><span style="color: #008080"> 34</span> <span style="color: #000000"> 选择:或 表达式1|表达式2 </span><span style="color: #008080"> 35</span> <span style="color: #008080"> 36</span> <span style="color: #000000"> 手机号:+86或0086 可有可无,最多一个 </span><span style="color: #008080"> 37</span> <span style="color: #000000"> 空字符 可有可无,多了不限 </span><span style="color: #008080"> 38</span> <span style="color: #000000"> 1 </span><span style="color: #008080"> 39</span> <span style="color: #000000"> 3,4,5,7,8 选其一 </span><span style="color: #008080"> 40</span> <span style="color: #000000"> 9位数字,不能多,不能少 </span><span style="color: #008080"> 41</span> <span style="color: #000000"> (\+86|0086)?\s*1[34578]\d{9} </span><span style="color: #008080"> 42</span> <span style="color: #000000"> 身份证号:15位数字 </span><span style="color: #008080"> 43</span> <span style="color: #000000"> 2位数字 </span><span style="color: #008080"> 44</span> <span style="color: #000000"> 从数字、x、X中选一个 </span><span style="color: #008080"> 45</span> <span style="color: #000000"> 后两部分整体可有可无,最多一次 </span><span style="color: #008080"> 46</span> <span style="color: #000000"> \d{15}(\d\d[0-9xX])? </span><span style="color: #008080"> 47</span> 匹配img元素:<span style="color: #0000ff"><</span><span style="color: #800000">img </span><span style="color: #ff0000">xxxx src</span><span style="color: #0000ff">=""</span><span style="color: #ff0000"> xxxx </span><span style="color: #0000ff">/></span> <span style="color: #008080"> 48</span> <span style="color: #0000ff"><</span><span style="color: #800000">img </span><span style="color: #ff0000">1位以上任意字符 src</span><span style="color: #0000ff">= 在'"间选一个 </span><span style="color: #ff0000">1位以上任意字符 在'"间选一个 1位以上任意字符 </span><span style="color: #0000ff">/></span> <span style="color: #008080"> 49</span> <span style="color: #000000"> 贪婪模式:默认匹配最长的字符 </span><span style="color: #008080"> 50</span> <span style="color: #000000"> 比如: .* .+ </span><span style="color: #008080"> 51</span> <span style="color: #000000"> 懒惰模式:仅匹配最短的字符 </span><span style="color: #008080"> 52</span> <span style="color: #000000"> 贪婪改懒惰:.*=>(.*?) .+==>(.+?) </span><span style="color: #008080"> 53</span> <span style="color: #0000ff"><</span><span style="color: #800000">img</span><span style="color: #ff0000">(.+?)src</span><span style="color: #0000ff">=['"](.+?)['"](.+?)</span><span style="color: #0000ff">/></span> <span style="color: #008080"> 54</span> <span style="color: #008080"> 55</span> <span style="color: #000000"> 6. 指定匹配位置: </span><span style="color: #008080"> 56</span> <span style="color: #000000"> ^:开头位置的xxx,专用在表达式开头 </span><span style="color: #008080"> 57</span> <span style="color: #000000"> $:结尾位置的xxx,专用在表达式结尾 </span><span style="color: #008080"> 58</span> <span style="color: #000000"> 比如:^\s+ 匹配开始位置的所有空字符 </span><span style="color: #008080"> 59</span> <span style="color: #000000"> \s+$ 匹配结尾位置的所有空字符 </span><span style="color: #008080"> 60</span> <span style="color: #000000"> ^\s+|\s+$ 匹配开头或结尾的空字符 </span><span style="color: #008080"> 61</span> <span style="color: #000000"> 前加^后加$(不带|):表示从头到尾完整匹配 </span><span style="color: #008080"> 62</span> <span style="color: #000000"> 今后只要验证格式,都要前加^,后加$ </span><span style="color: #008080"> 63</span> <span style="color: #000000"> 比如:验证密码:6位数字:^\d{6}$ </span><span style="color: #008080"> 64</span> <span style="color: #008080"> 65</span> <span style="color: #000000"> \b:单词边界,每个单词前或后,必须有空字符分割——了解 </span><span style="color: #008080"> 66</span> <span style="color: #008080"> 67</span> <span style="color: #000000"> 预判:在正式匹配前,使用特定条件先预检查一次字符串 </span><span style="color: #008080"> 68</span> <span style="color: #000000"> 如果预判都未通过,则不再匹配 </span><span style="color: #008080"> 69</span> <span style="color: #008080"> 70</span> <span style="color: #000000"> 6位以上字母,数字的组合,至少包含一位大写字母和一位数字 </span><span style="color: #008080"> 71</span> <span style="color: #000000"> 1. 预判:不都由小写字母或数字组成 </span><span style="color: #008080"> 72</span> <span style="color: #000000"> 结论:可能包含大写字母,特殊符号 </span><span style="color: #008080"> 73</span> <span style="color: #000000"> (?![a-z0-9]+$) </span><span style="color: #008080"> 74</span> <span style="color: #000000"> 2. 预判:不都由大写字母或小写字母组成 </span><span style="color: #008080"> 75</span> <span style="color: #000000"> 结论:可能包含数字,特殊符号 </span><span style="color: #008080"> 76</span> <span style="color: #000000"> (?![A-Za-z]+$) </span><span style="color: #008080"> 77</span> <span style="color: #000000"> 3. 6位以上字母,数字的组合(排除特殊字符) </span><span style="color: #008080"> 78</span> <span style="color: #000000"> 结论:肯定包含大写字母和数字 </span><span style="color: #008080"> 79</span> <span style="color: #000000"> [a-zA-Z0-9]{6,} </span><span style="color: #008080"> 80</span> <span style="color: #000000"> (?![a-z0-9]+$)(?![A-Za-z]+$)[a-zA-Z0-9]{6,} </span><span style="color: #008080"> 81</span> <span style="color: #008080"> 82</span> <span style="color: #000000"> 补充:汉字的备选字符集:[\u4e00-\u9fa5] </span><span style="color: #008080"> 83</span> <span style="color: #008080"> 84</span> <span style="color: #000000">2. String中支持正则的API: </span><span style="color: #008080"> 85</span> <span style="color: #000000"> 1. 查找:4种: </span><span style="color: #008080"> 86</span> <span style="color: #000000"> 1. var i=str.indexOf/lastIndexOf("敏感词"[,fromi]) </span><span style="color: #008080"> 87</span> <span style="color: #000000"> 缺点:不支持正则表达式,每次只能找一个敏感词 </span><span style="color: #008080"> 88</span> <span style="color: #000000"> 优点:可指定开始查找的位置 </span><span style="color: #008080"> 89</span> <span style="color: #000000"> 何时使用:敏感词固定时,且仅获得位置时 </span><span style="color: #008080"> 90</span> <span style="color: #000000"> 2. var i=str.search(/正则表达式/)——不支持后缀g </span><span style="color: #008080"> 91</span> <span style="color: #000000"> 缺:仅查找*第一个*和正则表达式匹配的关键词 </span><span style="color: #008080"> 92</span> <span style="color: #000000"> 仅返回关键词第一个字符的位置下标 </span><span style="color: #008080"> 93</span> <span style="color: #000000"> 如果没找到,返回-1. </span><span style="color: #008080"> 94</span> <span style="color: #000000"> 无法返回关键词内容。 </span><span style="color: #008080"> 95</span> <span style="color: #000000"> 优:支持正则— </span><span style="color: #008080"> 96</span> <span style="color: #000000"> 何时使用: 需要使用正则表达式查找关键字时,且只判断有没有。 </span><span style="color: #008080"> 97</span> <span style="color: #000000"> 3. var arr=str.match(/正则表达式/g) </span><span style="color: #008080"> 98</span> <span style="color: #000000"> 缺:可返回所有匹配关键词的内容, </span><span style="color: #008080"> 99</span> <span style="color: #000000"> 无法获得每个关键词的位置。 </span><span style="color: #008080">100</span> <span style="color: #000000"> 优:找到所有关键词 </span><span style="color: #008080">101</span> <span style="color: #000000"> 默认正则表达式只匹配一个关键词 </span><span style="color: #008080">102</span> <span style="color: #000000"> 表达式后+g,让表达式匹配所有关键词 </span><span style="color: #008080">103</span> <span style="color: #000000"> ***找不到,返回null! </span><span style="color: #008080">104</span> <span style="color: #000000"> 都要先判断不是null,再调用属性或方法 </span><span style="color: #008080">105</span> <span style="color: #000000"> 4. 即可获得关键字内容,又可获得位置:reg.exec(待续) </span><span style="color: #008080">106</span> <span style="color: #008080">107</span> <span style="color: #000000"> 2. 替换:var newStr=str.replace(/正则表达式/g,"替换内容") </span><span style="color: #008080">108</span> <span style="color: #000000"> 删除:将匹配内容替换为"" </span><span style="color: #008080">109</span> <span style="color: #000000"> 比如:去掉字符串开头和结尾的空字符 </span><span style="color: #008080">110</span> <span style="color: #000000"> 格式化:2步: </span><span style="color: #008080">111</span> <span style="color: #000000"> 1. 先定义正则表达式,用()分组 </span><span style="color: #008080">112</span> <span style="color: #000000"> 每个(),都会得到一个序号:$1,$2,... </span><span style="color: #008080">113</span> <span style="color: #000000"> 2. 在replace中的替换内容部分,使用$n拼接结果 </span><span style="color: #008080">114</span> <span style="color: #000000"> 匹配时,会自动将$n换成本次匹配的实际内容 </span><span style="color: #008080">115</span> <span style="color: #000000"> 比如: var birth="19831226"; </span><span style="color: #008080">116</span> <span style="color: #000000"> birth=birth.replace( </span><span style="color: #008080">117</span> <span style="color: #000000"> /(\d{4})(\d{2})(\d{2})/,"$1年$2月$3日"); </span><span style="color: #008080">118</span> <span style="color: #000000"> 3. 切割: </span><span style="color: #008080">119</span> <span style="color: #000000"> var arr=str.split(/分隔符正则表达式/); </span><span style="color: #008080">120</span> <span style="color: #000000">3. ***RegExp对象:正则表达式对象 </span><span style="color: #008080">121</span> <span style="color: #000000"> 封装了一个正则表达式,提供了操作正则表达式的方法 </span><span style="color: #008080">122</span> <span style="color: #008080">123</span> <span style="color: #000000"> 创建正则表达式:2种: </span><span style="color: #008080">124</span> <span style="color: #000000"> 1. 创建固定正则表达式对象: </span><span style="color: #008080">125</span> <span style="color: #000000"> var reg=/正则表达式/g; </span><span style="color: #008080">126</span> <span style="color: #000000"> 何时使用:如果正则表达式不需要动态生成时 </span><span style="color: #008080">127</span> <span style="color: #000000"> 2. 创建可变正则表达式对象: </span><span style="color: #008080">128</span> <span style="color: #000000"> var reg=new RegExp("正则表达式","后缀"); </span><span style="color: #008080">129</span> <span style="color: #000000"> 何时使用:如果正则表达式由变量或字符串动态生成时 </span><span style="color: #008080">130</span> <span style="color: #000000"> 强调:所有\都要写成\\。比如:"\d{6}"-->"\\{6}" </span><span style="color: #008080">131</span> <span style="color: #008080">132</span> <span style="color: #000000"> 后缀:g: global 全局/全部 </span><span style="color: #008080">133</span> i: 忽略大小写</span>
The above is the detailed content of Some knowledge about relevant rules. For more information, please follow other related articles on the PHP Chinese website!