検索
ホームページウェブフロントエンドjsチュートリアルJS正規表現のよくある使い方_JavaScriptスキル

JS 正規表現の使用法について詳しく知りたい場合は、このチュートリアルで学習してください。

定義と使用法

var patt1 = new RegExp("hello"); 
var patt2 = /world/ ; 

テスト方法

test() メソッドは、文字列内の指定された値を取得します。戻り値は true または false です。

var pat = /my/; 
var str = "this is my code..."; 
console.log(pat.test(str)); // true 

実行メソッド

exec() メソッドは、文字列から指定された値を取得します。戻り値は見つかった値です。一致するものが見つからない場合は、null が返されます。

var pat = /hello/; 
console.log(pat.exec("oh hello world")); //返还hello 

正規表現の種類

/パターン/属性
パラメータ属性はオプションの文字列です。共通属性「g」と「i」は、それぞれグローバル一致と大文字小文字を区別した一致を指定するために使用されます。

var str = "Visit Hunger"; 
var patt1 = /hunger/i; //不区分大小写 
console.log(str.match(patt1)); //全局匹配 
var str="hello hunger valley! I am hunger"; 
var patt1=/hunger/g; 
console.log(str.match(patt1)); //不区分大小写,全局匹配 
var str="hello Hunger valley! I am hunger"; 
var patt1=/hunger/gi; 
console.log(str.match(patt1)); 

文字列の正規化

1.検索

文字列検索

var str="Visit W3School!"; 
console.log(str.search(/w3school/)); //-1 console.log(str.serach(/w3school/i)); // 6 

2. 一致

文字列一致

var str="1 plus 2 equal 33"; 
console.log(str.match(/\d+/)); //[1] 
console.log(str.match(/\d+/g)); //[1,2,33] 

3.

を置き換えます。

文字列置換

var str="Hello JI! oh I am hunger" 
console.log(str.replace(/Hunger/, "valley")); console.log(str.replace(/hunger/ig, "hunger")); 

4.分割

文字列の分割

var str = "Hello Hunger , oh I am Hunger"; 
str.split("");
str.split(/\s+/); 

通常の書き込み

[abc] 角括弧内の文字を検索します。

var str="Is this all there is?"; 
var patt1=/[a-h]/g;
console.log(str.match(patt1)); 

[^abc] は、角括弧の間にない文字を検索します。

var str="hello jikexueyuan!"; 
var patt1=/[^jike]/g; 
console.log(str.match(patt1)); 

[0-9] 0 から 9 までの任意の数値を検索します。

[a-z] 小文字の a から小文字の z までの任意の文字を検索します。

[A-Z] 大文字の A から大文字の Z までの任意の文字を検索します。

[A-z] 大文字の A から小文字の z までの任意の文字を検索します。

[adgk] 指定されたセット内の任意の文字を検索します。

[^adgk] 指定されたセットの外にある文字を検索します。

red|blue|green は、指定されたオプションを検索します。

var str="hello hunger! How are you?"; 
var patt1=/hello|you/g; c
onsole.log(str.match(patt1)); 

 改行と行終了文字を除く単一の文字を検索します。

var str="That's hot!"; 
var patt1=/h.t/g; 
document.write(str.match(patt1)); 

w 単語の文字 (文字、数字、アンダースコア) を検索します。

var str="Give 100%!"; 
var patt1=/\w/g; 
document.write(str.match(patt1));

W 単語以外の文字を検索します。

var str="Give 100%!"; var patt1=/\W/g; document.write(str.match(patt1)); 

d 数字を検索します。

var str="Give 100%!"; 
var patt1=/\d/g; 
document.write(str.match(patt1)); 

D 数字以外の文字を検索します。

var str="Give 100%!"; var patt1=/\D/g; document.write(str.match(patt1)); 

s 空白文字 (スペース、タブ、ラインフィード、キャリッジリターン) を検索します。

var str="Is this all there is?";
var patt1=/\s/g; document.write(str.match(patt1)); 

S 空白以外の文字を検索します。

var str="Is this all there is?"; var patt1=/\S/g; document.write(str.match(patt1)); 

b は単語の境界に一致します。

/bm/ は「moon」の「m」と一致します。 「oo」の後の「n」は単語文字であるため、/oob/ は「moon」の「oo」と一致しません。 /oonb/ は、「oon」が文字列の末尾にあり、その後に単語文字が続かないため、「moon」の「oon」と一致します。

B は単語以外の境界に一致します。
var str="Hello jikexueyuan"; 
var patt1=/\bjikexueyuan/g; 
document.write(str.match(patt1)); 
n 改行を検索します。

n+ は、少なくとも 1 つの n を含む任意の文字列に一致します。
var str="Hello Hunger.\n be a FE."; 
var patt1=/\n/g; document.write(str.search(patt1)); 

n* は、0 個以上の n を含む任意の文字列と一致します。
var str="Hello HHunger! Hello World!"; 
var patt1=/H+/g; 
document.write(str.match(patt1)); 
var str="Hello Hunger! Hello World!"; 
var patt1=/\w+/g; document.write(str.match(patt1)); 

n? 0 または 1 つの n を含む文字列と一致します。
var str="Hellooo Hunger! Hello World!"; var patt1=/lo*/g; document.write(str.match(patt1)) 

n{X} は、n の X シーケンスを含む文字列と一致します。
var str="1, 100 or 1000?"; var patt1=/10?/g; document.write(str.match(patt1)); 

n{X,Y} は、n の X または Y シーケンスを含む文字列と一致します。
var str="100, 1000 or 10000?"; var patt1=/\d{4}/g; document.write(str.match(patt1)); 

n{X,} は、少なくとも X 個の n シーケンスを含む文字列と一致します。
var str="100, 1000 or 10000?"; var patt1=/\d{3,4}/g; document.write(str.match(patt1)); 

n$ は、n で終わる任意の文字列と一致します。
var str="100, 1000 or 10000?"; var patt1=/\d{3,}/g; document.write(str.match(patt1)); 

^n は、n で始まる任意の文字列と一致します。
var str="Is this his"; var patt1=/is$/g; document.write(str.match(patt1)); 

共通の規則ルール
var str="Is this his"; var patt1=/^Is/g; document.write(str.match(patt1)); 
漢字: [u4e00-u9fa5]

携帯電話番号: 1[0-9]{10}

メール: (S)+[@]{1}(S)+[.]{1}(w)+

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
JavaScript:Web言語の汎用性の調査JavaScript:Web言語の汎用性の調査Apr 11, 2025 am 12:01 AM

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの進化:現在の傾向と将来の見通しJavaScriptの進化:現在の傾向と将来の見通しApr 10, 2025 am 09:33 AM

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

javascriptの分解:それが何をするのか、なぜそれが重要なのかjavascriptの分解:それが何をするのか、なぜそれが重要なのかApr 09, 2025 am 12:07 AM

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

pythonまたはjavascriptの方がいいですか?pythonまたはjavascriptの方がいいですか?Apr 06, 2025 am 12:14 AM

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。

JavaScriptをインストールするにはどうすればよいですか?JavaScriptをインストールするにはどうすればよいですか?Apr 05, 2025 am 12:16 AM

JavaScriptは、最新のブラウザにすでに組み込まれているため、インストールを必要としません。開始するには、テキストエディターとブラウザのみが必要です。 1)ブラウザ環境では、タグを介してHTMLファイルを埋め込んで実行します。 2)node.js環境では、node.jsをダウンロードしてインストールした後、コマンドラインを介してJavaScriptファイルを実行します。

クォーツでタスクが開始される前に通知を送信する方法は?クォーツでタスクが開始される前に通知を送信する方法は?Apr 04, 2025 pm 09:24 PM

Quartzタイマーを使用してタスクをスケジュールする場合、Quartzでタスク通知を事前に送信する方法、タスクの実行時間はCron式によって設定されます。今...

JavaScriptでは、コンストラクターのプロトタイプチェーンで関数のパラメーターを取得する方法は?JavaScriptでは、コンストラクターのプロトタイプチェーンで関数のパラメーターを取得する方法は?Apr 04, 2025 pm 09:21 PM

JavaScriptプログラミング、プロトタイプチェーンの関数パラメーターの理解と操作のJavaScriptのプロトタイプチェーンの関数のパラメーターを取得する方法は、一般的で重要なタスクです...

WeChat MiniプログラムWebViewでVUE.JSダイナミックスタイルの変位が失敗した理由は何ですか?WeChat MiniプログラムWebViewでVUE.JSダイナミックスタイルの変位が失敗した理由は何ですか?Apr 04, 2025 pm 09:18 PM

WeChatアプレットWeb-ViewでVue.jsを使用する動的スタイルの変位障害がvue.jsを使用している理由の分析...

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

SublimeText3 中国語版

SublimeText3 中国語版

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