JS正規表現のグループ化分析についての深い理解
这篇文章主要介绍了关于深入理解JS正则表达式之分组的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
分组
在使用正则的时候,有时候会想要匹配一串字符串连续出现多次的情况,比如:我想匹配字符串Byron
连续出现3次的情况。
有些人会直接写:
Byron{3}
但是,这种情况仅仅会匹配Byro
加上三个n
,显然,这样是错误的。
要想实现之前的需求,我们需要使用正则表达式的分组功能:使用()
可以达到分组的功能,使量词作用于分组。所以,如下正则可以顺利匹配Byron
三次
(Byron){3}
或
JS中的|
的含义是或,在正则中,我们也可以使用|
达成或的效果。比较常用的或的写法是:
Byron | Casper
即,Byron或Casper二选一。
还有一种用法是配合分组使用:
let text = 'ByronsperByrCasper' let reg = /Byr(on|Ca)sper/g // 匹配Byronsper或ByrCasper text.replace(reg, 'X') // XX
反向引用
此时,我们有一个需求,将一种格式的时间字符串:yyyy-MM-DD
转为MM/DD/yyyy
类型格式字符串。
这个问题的难点在于,不仅要将-
转为/
还要将年月日的位置进行调换。由于年月日的数值是不固定的,没法直接转换为固定数值。这时,我们可以使用反向引用解决这个问题。
反向引用是分组中的一个重要的高级语法,主要用来解决分组变量的问题。
什么叫分组变量?分组变量就是通过分组匹配到的值,正则表达式将其转为了一种可以被调用的变量。而调用这个变量也很简单$n
n代表着分组的序号,值得一提的是,序号是从1开始,而不是从0开始。
通过反向引用可以很轻松的解决上面那个问题:
let text = '2018-07-09' let reg = /(\d{4})-(\d{2})-(\d{2})/g /* $1是(\d{4})的匹配内容,代表yyyy $2是第一个(\d{2})的匹配内容,代表MM $3是第二个(\d{2})的匹配匹配内容,代表DD */ text.replace(reg, '$2/$3/$1') // 07/09/8
忽略分组
当不希望捕获某些分组,只需要在分组内加上?:
即可以
(?:Byron).(ok)
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
以上がJS正規表現のグループ化分析についての深い理解の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。
