Detaillierte Erläuterung der regulären JavaScript-Ausdrücke und Kaskadeneffekte

Regulärer Ausdruck (regulärer Ausdruck) ist ein Zeichenfolgenvergleichsmuster, mit dem überprüft wird, ob eine Zeichenfolge eine Zeichenfolge eines bestimmten Musters enthält. Lassen Sie uns in diesem Artikel JavaScript_reguläre Ausdrücke und Kaskadeneffekte mit Ihnen teilen >

ist ein Zeichenfolgenvergleichsmuster, mit dem überprüft wird, ob eine Zeichenfolge eine Zeichenfolge des angegebenen Musters enthält.

2. Erstellung regulärer Ausdrücke

3. Modifikatoren für reguläre Ausdrücke

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

g führen einen globalen Abgleich durch (finden alle Übereinstimmungen statt anzuhalten, nachdem die erste Übereinstimmung gefunden wurde).

i unterscheidet nicht zwischen Groß- und Kleinschreibungm mehrzeilige Übereinstimmung

4. Symbole für reguläre Ausdrücke

eckige Klammern :Eckige Klammern werden verwendet, um Zeichen innerhalb eines bestimmten Bereichs zu finden:

[abc] Suchen Sie nach einem beliebigen Zeichen zwischen den eckigen Klammern. [^abc] findet alle Zeichen, die nicht in eckigen Klammern stehen. [0-9] Findet eine beliebige Zahl von 0 bis 9. [a-z] Findet jedes Zeichen vom Kleinbuchstaben a bis zum Kleinbuchstaben z.

[A-Z] Findet jedes Zeichen von Großbuchstabe A bis Großbuchstabe Z.

[A-z] Findet jedes Zeichen vom Großbuchstaben A bis zum Kleinbuchstaben z.

[adgk] Finden Sie ein beliebiges Zeichen innerhalb der angegebenen Menge.

[^adgk] findet jedes Zeichen außerhalb der angegebenen Menge.
(rot|blau|grün) Finden Sie eine beliebige angegebene Option.

Metazeichen: Metazeichen sind Zeichen mit besonderer Bedeutung:

/…/ stellt den Anfang und das Ende eines Musters dar.
^ entspricht dem Anfang einer Zeichenfolge.
$ entspricht dem Ende von die Zeichenfolge
s Beliebiges Leerzeichen

S Beliebiges Nicht-Leerzeichen

d Entspricht einem numerischen Zeichen, äquivalent zu [0-9]

D Beliebiges Zeichen außer einer Ziffer usw. Äquivalent zu [^ 0-9]

w Entspricht einer Zahl, einem Unterstrich oder einem alphabetischen Zeichen, entsprechend [A-Za-z0-9_]
W Alle nicht-einzelnen Zeichen, entsprechend [^a-zA -z0-9_]
. Alle Zeichen außer Zeilenumbrüchen.

Wiederholungszeichen für reguläre Ausdrücke (Quantifizierer)

{n} stimmt n-mal mit dem vorherigen Element überein.
{ n,} stimmt n-mal mit dem vorherigen Element überein oder mehrmals
{n,m} Entspricht dem vorherigen Element mindestens n-mal, jedoch nicht öfter als m-mal
* Entspricht dem vorherigen Element 0-mal oder öfter, entspricht In {0,}

+ stimmt ein oder mehrere Male mit dem vorherigen Element überein, was {1,}

entspricht? Entspricht dem vorherigen Element 0 oder 1 Mal, was bedeutet, dass das vorherige Element optional ist, entsprechend {0,1}

5. Eigenschaften des RegExp-Objekts

Ob das globale RegExp-Objekt das Flag g hat, das angibt, ob der angegebene reguläre Ausdruck einen globalen Abgleich durchführt.

ignoreCase Gibt an, ob das RegExp-Objekt das Flag i hat, das angibt, ob der angegebene reguläre Ausdruck einen Vergleich ohne Berücksichtigung der Groß- und Kleinschreibung durchführt. multiline Gibt an, ob das RegExp-Objekt das Flag m hat, das angibt, ob der angegebene reguläre Ausdruck einen mehrzeiligen Abgleich durchführt.

6. Methoden des RegExp-Objekts

1. Exec ruft die Übereinstimmung regulärer Ausdrücke in den Zeichen ab, gibt den gefundenen Wert zurück und bestimmt seine Position

exec()Die Methode exec() ruft einen angegebenen Wert in einer Zeichenfolge ab. Der Rückgabewert ist der gefundene Wert. Wenn keine Übereinstimmung gefunden wird, wird null zurückgegeben.

Beispiel 1:

2. Rufen Sie den in der Zeichenfolge angegebenen Wert ab und geben Sie true oder false zurück

test( )

Die test()-Methode ruft den angegebenen Wert in einer Zeichenfolge ab. Der Rückgabewert ist wahr oder falsch.

var patt1=new RegExp("e"); document.write(patt1.exec("The best things in life are free")); 由于该字符串中存在字母 "e"，以上代码的输出将是：
e

Beispiel:

7. Analyse (E-Mail-Verifizierung) var reg=/^w+@w+.[a -zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;

var patt1=new RegExp("e"); document.write(patt1.test("The best things in life are free")); 由于该字符串中存在字母 "e"，以上代码的输出将是：
True

//Erstellung regulärer Ausdrücke

^ Anfang der Zeichenfolge$Ende der ZeichenfolgewAlle Zeichen, Buchstaben und Zahlen, Unterstrich+ gibt an, dass das vorherige Zeichen {1,} einmal oder mehrmals vorkommt. @ Gewöhnliche Zeichenfolge

w Beliebige Zeichenfolge ddd@123

Beliebiges Zeichen außer Zeilenumbruch 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})? net

Häufig verwendete reguläre Regeln:

Benutzername reguläre Regeln: /^[a-zA-Z][a-zA-Z0-9]{3,15}$ /
Passwortregelmäßigkeit:/^[a-zA-Z0-9]{4,10}$/
Geburtstagsregelmäßigkeit:/^((19d{2})|(200d))-(0?[ 1-9 ]|1[0-2])-(0?[1-9]|[1-2]d|3[0-1])$/
E-Mail regelmäßig:/^w+@w+( .[a -zA-Z]{2,3}){1,2}$/

Postleitzahl:/^d{6}$/

Mobiltelefonnummer:/^1d{10}$/

8. Methoden des String-Objekts

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/>“; }

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der regulären JavaScript-Ausdrücke und Kaskadeneffekte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!