diff options
Diffstat (limited to 'files/zh-cn/web/javascript/reference/global_objects/regexp')
3 files changed, 28 insertions, 35 deletions
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/exec/index.html b/files/zh-cn/web/javascript/reference/global_objects/regexp/exec/index.html index b7e9edf7ec..8ee22ffa6c 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/regexp/exec/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/exec/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp/exec <p><code><strong>exec() </strong></code>方法在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 {{jsxref("null")}}。</p> -<p>在设置了 {{jsxref("RegExp.global", "global")}} 或 {{jsxref("RegExp.sticky", "sticky")}} 标志位的情况下（如 <code>/foo/g</code> or <code>/foo/y</code>），JavaScript {{jsxref("RegExp")}} 对象是<strong>有状态</strong>的。他们会将上次成功匹配后的位置记录在 {{jsxref("RegExp.lastIndex", "lastIndex")}} 属性中。使用此特性，<code style="font-size: 1rem; letter-spacing: -0.00278rem;">exec()</code> 可用来对单个字符串中的多次匹配结果进行逐条的遍历（包括捕获到的匹配），而相比之下， {{jsxref("String.prototype.match()")}} 只会返回匹配到的结果。</p> +<p>在设置了 {{jsxref("RegExp.global", "global")}} 或 {{jsxref("RegExp.sticky", "sticky")}} 标志位的情况下（如 <code>/foo/g</code> or <code>/foo/y</code>），JavaScript {{jsxref("RegExp")}} 对象是<strong>有状态</strong>的。他们会将上次成功匹配后的位置记录在 {{jsxref("RegExp.lastIndex", "lastIndex")}} 属性中。使用此特性，<code>exec()</code> 可用来对单个字符串中的多次匹配结果进行逐条的遍历（包括捕获到的匹配），而相比之下， {{jsxref("String.prototype.match()")}} 只会返回匹配到的结果。</p> <p>如果你只是为了判断是否匹配（true或 false），可以使用 {{jsxref("RegExp.test()")}} 方法，或者 {{jsxref("String.search()")}} 方法。</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html b/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html index a4ca838294..a0bcd500de 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html @@ -30,7 +30,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp <p>以下三种表达式都会创建相同的正则表达式：</p> -<pre class="brush: js" style="font-size: 14px;">/ab+c/i; //字面量形式 +<pre class="brush: js">/ab+c/i; //字面量形式 new RegExp('ab+c', 'i'); // 首个参数为字符串模式的构造函数 new RegExp(/ab+c/, 'i'); // 首个参数为常规字面量的构造函数</pre> @@ -213,7 +213,7 @@ console.log(/[^.]+/.exec(url)[0].substr(7)); // logs "xxx" <p>使用浏览器内建的<a href="/en-US/docs/Web/API/URL_API">URL API</a>而非正则表达式来解析URL是更好的做法</p> </div> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.html b/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.html index f7e667288f..92dadc8159 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.html @@ -10,41 +10,34 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp/lastIndex --- <div> {{JSRef("Global_Objects", "RegExp")}}</div> -<h2 id="Summary" name="Summary" style="margin-bottom: 20px; line-height: 30px;">概述</h2> +<h2 id="Summary" name="Summary">概述</h2> <p><code><strong>lastIndex</strong></code> 是正则表达式的一个可读可写的整型属性，用来指定下一次匹配的起始索引。</p> <div> {{js_property_attributes(1,0,0)}}</div> -<h2 id="语法" style="margin-bottom: 20px; line-height: 30px;">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; direction: ltr; white-space: normal; text-shadow: none; background-color: rgba(212, 221, 228, 0.498039);"><var>lastIndex</var> = <var>regExpObj</var>.lastIndex;</pre> -<h2 id="Description" name="Description" style="margin-bottom: 20px; line-height: 30px;">描述</h2> +<h2 id="语法">语法</h2> +<pre class="syntaxbox language-html"><var>lastIndex</var> = <var>regExpObj</var>.lastIndex;</pre> +<h2 id="Description" name="Description">描述</h2> <p>只有正则表达式使用了表示全局检索的 "<code>g</code>" 标志时，该属性才会起作用。此时应用下面的规则：</p> <ul> <li>如果 <code>lastIndex</code> 大于字符串的长度，则 <code>regexp.test</code> 和 <code>regexp.exec</code> 将会匹配失败，然后 <code>lastIndex</code> 被设置为 0。</li> - <li>如果 <code>lastIndex</code> 等于字符串的长度，且该正则表达式匹配空字符串，则该正则表达式匹配从 <code>lastIndex</code> 开始的字符串。（then the regular expression matches input starting at <code style="font-style: normal;">lastIndex</code>.）</li> + <li>如果 <code>lastIndex</code> 等于字符串的长度，且该正则表达式匹配空字符串，则该正则表达式匹配从 <code>lastIndex</code> 开始的字符串。（then the regular expression matches input starting at <code>lastIndex</code>.）</li> <li>如果 <code>lastIndex</code> 等于字符串的长度，且该正则表达式不匹配空字符串 ，则该正则表达式不匹配字符串，<code>lastIndex</code> 被设置为 0.。</li> <li>否则，<code>lastIndex</code> 被设置为紧随最近一次成功匹配的下一个位置。</li> </ul> -<h2 id="示例" style="margin-bottom: 20px; line-height: 30px;">示例</h2> +<h2 id="示例">示例</h2> <p>考虑下面的语句：</p> <pre class="brush: js">var re = /(hi)?/g;</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> - </div> + <p>匹配空字符串</p> <pre class="brush: js">console.log(re.exec("hi")); console.log(re.lastIndex);</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> - </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"> - </div> + <p>返回 <code>["hi", "hi"]</code> ，<code>lastIndex</code> 等于 2。</p> <pre class="brush: js">console.log(re.exec("hi")); console.log(re.lastIndex);</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> - </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"> - </div> + <p>返回 <code>["", undefined]</code>，即一个数组，其第 0 个元素为匹配的字符串。此种情况下为空字符串，是因为 <code>lastIndex</code> 为 2（且一直是 2），"<code>hi</code>" 长度为 2。</p> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> <tr> @@ -70,18 +63,18 @@ console.log(re.lastIndex);</pre> </tr> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{ CompatibilityTable() }}</p> <div> <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Chrome</th> - <th style="line-height: 16px;">Firefox (Gecko)</th> - <th style="line-height: 16px;">Internet Explorer</th> - <th style="line-height: 16px;">Opera</th> - <th style="line-height: 16px;">Safari</th> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> </tr> <tr> <td>Basic support</td> @@ -98,13 +91,13 @@ console.log(re.lastIndex);</pre> <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Android</th> - <th style="line-height: 16px;">Chrome for Android</th> - <th style="line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="line-height: 16px;">IE Mobile</th> - <th style="line-height: 16px;">Opera Mobile</th> - <th style="line-height: 16px;">Safari Mobile</th> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> @@ -118,7 +111,7 @@ console.log(re.lastIndex);</pre> </tbody> </table> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("RegExp.prototype.ignoreCase")}}</li> <li>{{jsxref("RegExp.prototype.global")}}</li> |