Heim > Artikel > Web-Frontend > String-Objekt in JavaScript_Javascript-Kenntnissen

String-Objekt in JavaScript_Javascript-Kenntnissen

WBOYOriginal: 2016-05-16 15:55:211252Durchsuche

1.String: Speichert einen String und stellt die Eigenschaften und Methoden bereit, die zum Verarbeiten von Strings erforderlich sind.

1. String-Objekt erstellen: explizit und implizit

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
     //申明String对象的两种方式：显式和隐式申明
     //1.隐式
     var myString="abc";
     document.write(myString+"<br/>");
     //2.显式
     var myString2=new String("abc");
     document.write(myString2+"<br/>");
  </script>
  <body>
  
  </body>
</html>

*Explizit und implizit deklarierte String-Objekte haben unterschiedliche Typen: Das implizit deklarierte String-Objekt hat den Typ string, während das explizit deklarierte String-Objekt den Typ object hat.

*Der eigentliche Unterschied zwischen expliziter und impliziter Zeichenfolgenerstellung besteht darin, dass die explizite Erstellung der Zeichenfolge effizienter ist, wenn Sie dieselbe Zeichenfolge wiederverwenden möchten

* Das explizite Erstellen von Zeichenfolgen hilft dem JavaScript-Interpreter auch dabei, Zahlen und Zeichenfolgen zu verwechseln

2. Methoden zur Verwendung von String-Objekten

String-Objekte haben viele Methoden, hier werden nur zwei besprochen. Bei den Methoden indexOf() und substring() ist auf die Groß-/Kleinschreibung zu achten.

*Was Sie wissen müssen: JavaScript-Strings bestehen aus Zeichen. Jedes dieser Zeichen hat einen Index. Der Index ist 0-basiert, also hat die erste Position einen Index von 0; die zweite Position hat einen Index von 1 und so weiter.

*Die Methode indexOf() findet die Indexposition des Anfangs des Teilstrings und gibt sie zurück. Wenn das gesuchte Element nicht existiert, gibt sie -1 zurück, andernfalls gibt sie den Index zurück, an dem sich das Zeichen befindet. (lastIndexOf gibt die Position des Endes des Teilstrings zurück)

Schreiben Sie unten ein Beispiel, um festzustellen, ob die von der Benutzernummer eingegebene E-Mail-Adresse das @-Symbol enthält:

Die

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
     //让用户输入Email地址，检查输入是否包含@符号
     //使用prompt方法，获取用户输入的Email地址，检查是否包含@符号，使用indexof返回@符号的索引
     var userInput=prompt("Please enter your email address","Email");
     if(Number(userInput.indexOf("@"))==-1)
     {
      document.write("对不起，您输入的Email不合法");
     }
     else
     {
     document.write("恭喜您，您输入的Email通过验证");
     }
  </script>
  <body>
  </body>
</html>

substring()-Methode verwendet den Index der Startposition und Endposition der Zeichenfolge als Parameter, um eine Zeichenfolge von einer anderen Zeichenfolge abzufangen. Sie können alle Zeichenfolgen vom ersten Index bis zum Ende der Zeichenfolge zurückgeben, ohne den zweiten Parameter zu verwenden. Wenn wir beispielsweise alle Zeichen vom dritten bis zum sechsten Zeichen abfangen möchten, können wir so schreiben:

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
    //从起始位置，到结束位置
    var myhello="Hello Javascript World";
    var newMyhello= myhello.substring(0);
    document.write(newMyhello+"<br/>");
    //从第三个字符到第六个字符
     var myhello="Hello Javascript World";
    var newMyhello= myhello.substring(2,5);
    document.write(newMyhello+"<br/>");
  </script>
  <body>
  </body>
</html>

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：Detaillierte Erläuterung der Verwendung der DOM-Ereignisbindung in JQuery_jqueryNächster Artikel：Detaillierte Erläuterung der Verwendung der DOM-Ereignisbindung in JQuery_jquery

In Verbindung stehende Artikel

Mehr sehen