正規表現(正規表現)とは、文字列のマッチングパターンであり、文字列の中に指定したパターンの文字列が含まれているかどうかを確認するために使用されます。この記事を通じて JavaScript_正規表現 とカスケード効果について紹介しますので、興味のある方はぜひ一緒にご覧ください
1. 正規表現 (正規表現) は、文字列の一致パターンかどうかを確認するために使用されます。文字列には指定されたパターンが含まれます。
2. 正規表現の作成
var reg = /white/;
var reg = new RegExp("white","g");
g グローバルマッチングを実行します(最初の一致を見つけて停止するのではなく、すべての一致を見つけます)。
i は大文字と小文字を区別しません
4. 正規表現記号
角括弧: 角括弧は、特定の範囲内の文字を検索するために使用されます:
[^abc] は、角括弧の間にない文字を検索します。 [0-9] 0 から 9 までの任意の数字を見つけます。 [a-z] 小文字の a から小文字の z までの任意の文字を検索します。 [A-Z] 大文字の A から大文字の Z までの任意の文字を検索します。 [A-z] 大文字の A から小文字の z までの任意の文字を検索します。
[adgk] 指定されたセット内の任意の文字を検索します。[^adgk] 指定されたセットの外にある文字を検索します。
(赤|青|緑) 指定されたオプションを検索します。
メタキャラクター: メタキャラクターは特別な意味を持つ文字です:
/…/ パターンの始まりと終わりを表します
^ 文字列の先頭と一致します
$ 文字列の末尾と一致します
s 任意の空白文字
S 任意の非空白文字
d は、[0-9] に相当する数字に一致します。
w は、数字、アンダースコア、英字などに一致します。 [A に相当します。 -Za-z0-9_]
W [^a-zA-z0-9_] に相当する任意の非単一文字。改行を除く任意の文字
正規表現の繰り返し文字 (数量子)
{n}前の項目と n 回一致します
{n,} 前の項目と n 回、または複数回一致します
{n,m} 前の項目と n 回以上、m 回以下一致します
* 一致する前 項目と一致します 0 回以上回は {0,}
に相当します+ 前の項目と 1 回以上一致することは {1,}
に相当しますか?前の項目と 0 回または 1 回一致します。これは、前の項目がオプションであることを意味し、{0,1}
5 に相当します。 RegExp オブジェクトのプロパティ
global RegExp オブジェクトにフラグ g があるかどうか。指定された正規表現がグローバル マッチングを実行するかどうかを宣言します。
Multiline RegExp オブジェクトに、指定された正規表現が複数行のマッチングを実行するかどうかを宣言するフラグ m があるかどうか。
6. RegExpオブジェクトのメソッド 1. exec 正規表現で割り当てられた文字を取得し、見つかった値を返し、その位置を決定しますexec()exec()メソッドは文字を取得します文字列の中で。戻り値は見つかった値です。一致するものが見つからない場合は、null が返されます。 例1:
var patt1=new RegExp("e"); document.write(patt1.exec("The best things in life are free")); 由于该字符串中存在字母 "e",以上代码的输出将是: e
2. test 文字列内の指定された値を取得し、true または false を返します
test()
test() メソッドは、文字列内の指定された値を取得します。戻り値は true または false です。
例:
var patt1=new RegExp("e"); document.write(patt1.test("The best things in life are free")); 由于该字符串中存在字母 "e",以上代码的输出将是: True
7. 分析 (メール認証) var reg=/^w+@w+.[a-zA-Z]{2,3}(.[a-zA-Z]{ 2,3})?$/;
//正規表現の作成
^ 文字列開始
任意の文字と数字、アンダースコア + は、前の文字が {1、}、1 つ以上出現することを意味します回。 @ 通常の文字列 w 任意の文字列 ddd@123。改行を除く任意の文字 ddd@123.
[a-zA-Z] ddd@123.c ddd@123.n{2,3 } ddd@123.com ddd@123.net ddd@123.tv
(.[a-zA-Z]{2,3})? ddd@123.com.cn ddd@123.net
よく使用される規則:
ユーザー名の規則性:/^[a-zA-Z][a-zA-Z0-9]{3,15}$/
パスワードの規則性:/^[a-zA-Z0-9]{4,10 }$/
誕生日ルール: /^((19d{2})|(200d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1 -2]d| 3[0-1])$/
通常のメールアドレス:/^w+@w+(.[a-zA-Z]{2,3}){1,2}$/
郵便番号: / ^d{6} $/
携帯電話番号:/^1d{10}$/
8. String オブジェクトのメソッド
match 找到一个或多个正则表达式的匹配
search 检索与正则表达式相匹配的值
replace 替换与正则表达式匹配的字符串
split 把字符串分割为字符串数组
9、select对象常用事件、方法和属性.
1、事件 onchange 当改变选项时调用的事件
2、方法 add() 向下拉列表中添加一个选项
示例:
var province=document.getElementById("selProvince").value; var city=document.getElementById("selCity"); city.options.length=0; switch(province){ case "河南省": city.add(new Option("郑州市","郑州市"),null); city.add(new Option("洛阳市","洛阳市"),null); break; …… }
3、属性:
options[] 返回包含下拉列表中的所有选项的一个数组
selectedIndex 设置或返回下拉列表中被选项目的索引号
length 返回下拉列表中的选项的数目
示例:
function get(){ var index=document.getElementById("fruit").selectedIndex; var len=document.getElementById("fruit").length; var show=document.getElementById("show"); show.innerHTML="被选选项的索引号为:"+index+"<br/>下拉列表选项数目为:"+len; }
4、Option对象常用属性:
text:设置或返回某个选项的纯文本值
value:设置或返回被送往服务器的值
10、数组常用的属性和方法。
属性 length 设置或返回数组中元素的数目
方法:
join( ) 把数组的所有元素放入一个字符串,通过一个的分隔符进行分隔
sort( ) 对数组的元素进行排序
****读取二维数组中的元素值:
var cityList = new Array(); cityList['河北省'] = ['邯郸市','石家庄市']; cityList['河南省'] = ['郑州市','洛阳市']; cityList['湖北省'] = ['武汉市','宜昌市']; for(var i in cityList){ document.getElementById("show").innerHTML+=i+"<br/>"; } for(var j in cityList){ for(var k in cityList[j]){ document.getElementById("show").innerHTML+=cityList[j][k]+" ”; } document.getElementById("show").innerHTML+="<br/>“; }
以上がJavaScriptの正規表現とカスケード効果の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

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

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

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

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


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

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

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

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

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

WebStorm Mac版
便利なJavaScript開発ツール
