suchen

Heim >Web-Frontend >js-Tutorial >Einführung in die Grundlagen der regulären Javascript-Ausdrücke_Javascript-Fähigkeiten

Einführung in die Grundlagen der regulären Javascript-Ausdrücke_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 16:03:011347Durchsuche

Was sind die Vorteile regulärer Ausdrücke? Lassen Sie uns zunächst Folgendes verstehen:
Wir verwenden die Methode zur Verarbeitung von Zeichenfolgen in js, um eine Funktion zum Extrahieren der Zahlen in der Zeichenfolge zu schreiben: 

 var str='dgh6a567sdo23ujaloo932';
   function getNumber(obj){
     var arr=[];
     for (var i = 0; i < obj.length; i++) {
       if (obj.charAt(i)>='0'&&obj.charAt(i)<='9'){
           arr.push(obj.charAt(i));
         }
     }
     return arr;
   };
   console.log(getNumber(str));  //["6", "5", "6", "7", "2", "3", "9", "3", "2"]

Wir haben die Zahlen in der Zeichenfolge mit der obigen Methode herausgenommen, sind aber nicht zufrieden. Was wir brauchen, ist die Form ['6','567','23','932'] und transformieren die Funktion :

function getNumber(obj){
    var arr=[];
    var temp='';
    for (var i = 0; i < obj.length; i++) {
      if (obj.charAt(i)>='0'&&obj.charAt(i)<='9'){
          temp+=obj.charAt(i);//现将相邻的数字连接起来
        }
        else{ //每当连接的数字断开时，就在这执行
          if (temp) {
            arr.push(temp);
            temp='';
          }
        };
    }
    if (temp) { //这里的作用是为了显示最后数字的，原因不想解释
            arr.push(temp);
            temp='';
          }
    return arr;
  };

Dann verwenden wir reguläre Ausdrücke, um die von dieser Funktion implementierten Funktionen zu lösen: 

function getNumber2(obj){
    var arr=[];
    var re=/\d+/g;
    arr.push(obj.match(re));
    return arr;
  };

Werfen wir einen vollständigen Blick auf die laufenden Ergebnisse des Programms: 

<!DOCTYPE>
<html>
<head>
  <meta charset='utf-8'>
  <title></title>
</head>
<script type="text/javascript">
window.onload=function(){
  var str='dgh6a567sdo23ujaloo932';
  /*function getNumber(obj){
    var arr=[];
    for (var i = 0; i < obj.length; i++) {
      if (obj.charAt(i)>='0'&&obj.charAt(i)<='9'){
          arr.push(obj.charAt(i));
        }
    }
    return arr;
  };*/
  function getNumber(obj){
    var arr=[];
    var temp='';
    for (var i = 0; i < obj.length; i++) {
      if (obj.charAt(i)>='0'&&obj.charAt(i)<='9'){
          temp+=obj.charAt(i);//现将相邻的数字连接起来
        }
        else{ //每当连接的数字断开时，就在这执行
          if (temp) {
            arr.push(temp);
            temp='';
          }
        };
    }
    if (temp) { //这里的作用是为了显示最后数字的，原因不想解释
            arr.push(temp);
            temp='';
          }
    return arr;
  };
  function getNumber2(obj){
    var arr=[];
    var re=/\d+/g;
    arr.push(obj.match(re));
    return arr;
  };
  console.log(getNumber(str));
  console.log(getNumber2(str)); 
};
</script>
<body>
</body>
</html>

Aus dem obigen Beispiel können wir ersehen, dass die Methode des regulären Ausdrucks den gleichen Effekt hat, der Code jedoch kürzer und effizienter ist. Dies ist der Vorteil regulärer Ausdrücke
Reguläre Ausdrücke werden erstellt, um Zeichenfolgen effizienter zu verarbeiten. Sie ähneln den Methoden zur Zeichenfolgenverarbeitung, sind jedoch effizienter und prägnanter (reguläre Ausdrücke können nur Zeichenfolgen verarbeiten)

Lassen Sie uns systematisch einige gängige Regularisierungsmethoden untersuchen:

Lassen Sie uns vorher darüber sprechen, wie man reguläre Ausdrücke schreibt. Reguläre Ausdrücke sind die gleichen wie andere Objekte array(), object(), Date() usw. und sie haben alle Initialisierungsmethoden
var re=/Sie müssen hier passende Dinge schreiben, Sie werden sich nur auf das Symbol konzentrieren/; Dies ist eine einfache Erstellung eines regulären Objekts, das ich in den folgenden Artikeln verwenden werde
var re=new RegExp(); //Diese Art der Erstellung ist auch möglich, das weiß jeder, aber der Unterschied zur Abkürzung besteht darin, dass die Parameterübergabe etwas anders ist

(1)Test

Bedeutung: Strings regelmäßig abgleichen, bei erfolgreicher Übereinstimmung true zurückgeben, andernfalls false zurückgeben; Syntax: re.test(string);
Lassen Sie uns zunächst über Escape-Zeichen sprechen:
/s Leerzeichen /S kein Leerzeichen /d Zahl /D keine Zahl /w Zeichen (Buchstabe, Zahl, Unterstrich) /W kein Zeichen
Beispiel: Bestimmen Sie, ob eine Zeichenfolge nur aus Zahlen besteht 

<!DOCTYPE>
<html>
<head>
  <meta charset='utf-8'> 
  <title></title>
</head>
<script type="text/javascript">
window.onload=function(){
  var str='dgh6a567sdo23ujaloo932';
  var str2='123456';
  function allNumber(obj){
    var re=/\D/;//定义正则对象匹配非数字，只要有不是数字的就是匹配结束返回结果
    if (re.test(obj)) {
      alert('不全是数字');
    }
    else{
      alert('全是数字');
    };
  };
  allNumber(str);
  allNumber(str2);

};
</script>
<body>
</body>
</html>

(2) Suche

Bedeutung: Bei erfolgreicher Übereinstimmung wird die Position der erfolgreichen Übereinstimmung zurückgegeben. Andernfalls wird -1 in der Zeichenfolgenverarbeitungsmethode zurückgegeben Syntax: string.search(re);

[color=Red]Hinweis: Der reguläre Ausdruck berücksichtigt standardmäßig die Groß-/Kleinschreibung, indem Sie das i-Flag hinzufügen;[/color]
Beispiel: regulärer Abgleich eines bestimmten Zeichens
in einer Zeichenfolge ohne Berücksichtigung der Groß-/Kleinschreibung 

<!DOCTYPE>
<html>
<head>
  <meta charset='utf-8'> 
  <title></title>
</head>
<script type="text/javascript">
window.onload=function(){
  var str='dgh6b567sdo23ujaloo932';
  function searchStr(obj){
    var re=/B/i;//定义正则对象匹配b字符，不区分大小写
    alert(obj.search(re));  
  };
  searchStr(str);
};
</script>
<body>
</body>
</html>
(3) Übereinstimmung


Bedeutung: Strings regelmäßig abgleichen. Wenn der Abgleich erfolgreich ist, wird ein Array erfolgreicher Abgleiche zurückgegeben. Andernfalls wird Null

zurückgegeben. Syntax: string.match(re);

[Farbe = Rot] Hinweis: Die Standardeinstellung im regulären Ausdruck lautet: Solange die Übereinstimmung erfolgreich ist, wird sie sofort beendet und der entsprechende Wert zurückgegeben, und die Übereinstimmung wird nicht fortgesetzt. Wenn Sie sie alle finden möchten, müssen Sie g (globale Übereinstimmung) [/color]
hinzufügen Beispiel: Ordnen Sie aufeinanderfolgende Zahlen in einer Zeichenfolge zu und speichern Sie sie in einem Array (die aufeinanderfolgenden Zahlen werden als Element im Array verwendet)

Das „ “ im Programm bedeutet, dass die Übereinstimmung mindestens einmal auftritt.

Wir haben bereits erwähnt, dass „die Standardeinstellung bei regulären Ausdrücken darin besteht, dass die Übereinstimmung sofort endet und den entsprechenden Wert zurückgibt, wenn eine Zahl in der Zeichenfolge übereinstimmt und eine Zahl zurückgegeben wird.“ Zu diesem Zeitpunkt müssen wir g verwenden, damit es mit jedem Element übereinstimmt.

Haben Sie jemals herausgefunden, dass es keine bestimmte Anzahl aufeinanderfolgender Zahlen gibt? Sie können „“ verwenden, um die dynamische Anzahl von Zahlen zu erfüllen. 


<!DOCTYPE>
<html>
<head>
  <meta charset='utf-8'> 
  <title></title>
</head>
<script type="text/javascript">
window.onload=function(){
  var str='dgh6b567sdo23ujaloo932';
  function searchStr1(obj){
    var re=/\d/;  
    return obj.match(re);
  };
  function searchStr2(obj){
    var re=/\d/g;  
    return obj.match(re);
  };
  function searchStr3(obj){
    var re=/\d\d/g;//全局匹配2位数  
    return obj.match(re);
  };
  function searchStr4(obj){
    var re=/\d+/g;  
    return obj.match(re);
  };
  console.log(searchStr1(str));
  console.log(searchStr2(str));
  console.log(searchStr3(str));
  console.log(searchStr4(str));

};
</script>
<body>
</body>
</html>
(4)ersetzen


Bedeutung: Zeichenfolgen werden regelmäßig abgeglichen, und wenn die erfolgreich abgeglichene Zeichenfolge durch eine neue Zeichenfolge ersetzt wird

Syntax: string.replace(re);

Beispiel: Ersetzen Sie alle a in der Zeichenfolge durch b


<!DOCTYPE>
<html>
<head>
 <meta charset='utf-8'> 
 <title></title>
</head>
<script type="text/javascript">
window.onload=function(){
 var str='daah6b5a7sdo23ujaloo932';
 function replaceStr(obj){
  var re=/a/g; //全局匹配a
  return obj.replace(re,'b');
 };
 console.log(replaceStr(str));
};
</script>
<body>
</body>
</html>
Ich werde vorerst hier schreiben und mit Updates nachfassen. . .

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Eine kurze Diskussion über die Fähigkeiten des Javascript-Attributs onresize_javascriptNächster Artikel：Eine kurze Diskussion über die Fähigkeiten des Javascript-Attributs onresize_javascript

In Verbindung stehende Artikel

Mehr sehen