JavaScriptの正規表現とカスケード効果の詳細な説明

正規表現（正規表現）とは、文字列のマッチングパターンであり、文字列の中に指定したパターンの文字列が含まれているかどうかを確認するために使用されます。この記事を通じて JavaScript_正規表現 とカスケード効果について紹介しますので、興味のある方はぜひ一緒にご覧ください

1. 正規表現 (正規表現) は、文字列の一致パターンかどうかを確認するために使用されます。文字列には指定されたパターンが含まれます。

2. 正規表現の作成

var reg = /white/;
var reg = new RegExp("white","g");

g グローバルマッチングを実行します（最初の一致を見つけて停止するのではなく、すべての一致を見つけます）。
i は大文字と小文字を区別しません

m 複数行のマッチング

4. 正規表現記号

角括弧: 角括弧は、特定の範囲内の文字を検索するために使用されます:

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

[^abc] は、角括弧の間にない文字を検索します。 [0-9] 0 から 9 までの任意の数字を見つけます。 [a-z] 小文字の a から小文字の z までの任意の文字を検索します。 [A-Z] 大文字の A から大文字の Z までの任意の文字を検索します。 [A-z] 大文字の A から小文字の z までの任意の文字を検索します。

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

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

(赤|青|緑) 指定されたオプションを検索します。

メタキャラクター: メタキャラクターは特別な意味を持つ文字です:

/…/ パターンの始まりと終わりを表します
^ 文字列の先頭と一致します
$ 文字列の末尾と一致します
s 任意の空白文字
S 任意の非空白文字
d は、[0-9] に相当する数字に一致します。

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 があるかどうか。指定された正規表現がグローバル マッチングを実行するかどうかを宣言します。

ignoreCase RegExp オブジェクトに、指定された正規表現が大文字と小文字を区別しないマッチングを実行するかどうかを宣言するフラグ i があるかどうか。

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 サイトの他の関連記事を参照してください。