Neueste Web-Entwicklung Tutorials
 

JavaScript String-Methoden


String-Methoden helfen Ihnen, mit Streichern zu arbeiten.


String Methoden und Eigenschaften

Primitive Werte, wie "John Doe" , können nicht über Eigenschaften oder Methoden (weil sie keine Objekte sind).

Aber mit JavaScript, Methoden und Eigenschaften sind auch auf Grundwerte, weil JavaScript primitive Werte als Objekte behandelt, wenn Methoden und Eigenschaften der Ausführung.


String-Länge

Die length Eigenschaft gibt die Länge eines Strings:

Beispiel

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Versuch es selber "

Die Suche nach einer Zeichenkette in einem String

Die indexOf() Methode gibt den Index (die Position) dem ersten Auftreten eines bestimmten Text in einem String:

Beispiel

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");
Versuch es selber "

Die lastIndexOf() Methode gibt den Index des letzten Vorkommens eines bestimmten Text in einem String:

Beispiel

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");
Versuch es selber "

Sowohl die indexOf() , und die lastIndexOf() Methoden -1 zurück , wenn der Text nicht gefunden wird.

JavaScript zählt Positionen von Null.
0 ist die erste Position in einer Zeichenkette, 1 die zweite ist, 2 ist die dritte ...

Beide Methoden akzeptieren einen zweiten Parameter als Startposition für die Suche.


Die Suche nach einer Zeichenkette in einem String

Die search() Methode durchsucht einen String nach einem bestimmten Wert und gibt die Position des Spiels:

Beispiel

var str = "Please locate where 'locate' occurs!";
var pos = str.search("locate");
Versuch es selber "

Hast du bemerkt?

Die beiden Methoden, indexOf() und search() , sind gleich.

Sie akzeptieren die gleichen Argumente (Parameter), und sie kehren den gleichen Wert.

Die beiden Methoden sind gleich, aber die search() Methode kann viel leistungsfähiger Suchwerte nehmen.

Sie werden mehr über leistungsstarke Suchwerte im Kapitel über reguläre Ausdrücke lernen.


Extrahieren von String Parts

Es gibt drei Methoden, um einen Teil eines Strings extrahieren:

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

Die slice() Methode

slice() extrahiert einen Teil eines String und gibt den extrahierten Teil in einem neuen String.

Das Verfahren dauert 2 Parameter: die Startindex (Position), und das Ende Index (Position).

Dieses Beispiel Scheiben aus einem Abschnitt einer Zeichenkette von Position 7 bis Position 13:

Beispiel

var str = "Apple, Banana, Kiwi";
var res = str.slice(7,13);

Das Ergebnis res wird sein:

Banana
Versuch es selber "

Wenn ein Parameter negativ ist, wird die Position vom Ende der Zeichenfolge gezählt.

In diesem Beispiel schneidet einen Teil einer Zeichenfolge von Positionen -12 bis Position -6:

Beispiel

var str = "Apple, Banana, Kiwi";
var res = str.slice(-12,-6);

Das Ergebnis res wird sein:

Banana
Versuch es selber "

Wenn Sie den zweiten Parameter weglassen, wird das Verfahren den Rest der Zeichenfolge in Scheiben schneiden aus:

Beispiel

var res = str.slice(7);
Versuch es selber "

oder, gerechnet ab dem Ende:

Beispiel

var res = str.slice(-12);
Versuch es selber "

Negative Positionen arbeiten nicht in Internet Explorer 8 und früher.


Die substring() Methode

substring() ist ähnlich slice() .

Der Unterschied besteht darin , dass substring() kann nicht negativ Indizes akzeptieren.

Beispiel

var str = "Apple, Banana, Kiwi";
var res = str.substring(7,13);

Das Ergebnis res wird sein:

Banana
Versuch es selber "

Wenn Sie den zweiten Parameter auslassen substring() wird den Rest des Strings in Scheiben schneiden aus.


Die substr() Methode

substr() ist ähnlich slice() .

Der Unterschied besteht darin , dass der zweite Parameter das angibt length des extrahierten Teils.

Beispiel

var str = "Apple, Banana, Kiwi";
var res = str.substr(7,6);

Das Ergebnis res wird sein:

Banana
Versuch es selber "

Wenn der erste Parameter negativ ist, zählt die Position vom Ende der Zeichenfolge.

Der zweite Parameter kann nicht negativ sein, weil sie die Länge definiert.

Wenn Sie den zweiten Parameter weglassen, substr() wird den Rest des Strings in Scheiben schneiden aus.


Ersetzen String Inhalt

Die replace() -Methode ersetzt einen bestimmten Wert mit einem anderen Wert in einem String:

Beispiel

str = "Please visit Microsoft!";
var n = str.replace("Microsoft","w3ii");
Versuch es selber "

Die replace() Methode kann auch einen regulären Ausdruck als Suchwert nehmen.

Standardmäßig wird die replace() ersetzt Funktion ist nur das erste Spiel. Um alle Spiele ersetzen, verwenden Sie einen regulären Ausdruck mit ag Flagge (für die globale Spiel):

Beispiel

str = "Please visit Microsoft!";
var n = str.replace(/Microsoft/g,"w3ii");
Versuch es selber "

Die replace() Methode ändert nicht die Zeichenkette , die es auf genannt wird. Es gibt einen neuen String zurück.


Die Umstellung auf Groß- und Kleinschreibung

Ein String wird in Großbuchstaben mit umgewandelt toUpperCase() :

Beispiel

var text1 = "Hello World!";       // String
var text2 = text1.toUpperCase();  // text2 is text1 converted to upper
Versuch es selber "

Ein String wird in Kleinbuchstaben mit toLowerCase() :

Beispiel

var text1 = "Hello World!";       // String
var text2 = text1.toLowerCase();  // text2 is text1 converted to lower
Versuch es selber "

Die concat() Methode

concat() verbindet zwei oder mehr Strings:

Beispiel

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);
Versuch es selber "

Die concat() Methode kann anstelle des Plus - Operator verwendet werden. Diese beiden Linien das gleiche tun:

Beispiel

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

Alle String-Methoden geben eine neue Zeichenfolge. Sie verändern den ursprünglichen Zeichenfolge.
Formal sagte: Strings sind unveränderlich: Strings können nicht geändert werden, nur ersetzt.


Extrahieren String Charaktere

Es gibt zwei sichere Methoden für String - Zeichen zu extrahieren:

  • charAt(position)
  • charCodeAt(position)

Die charAt() Methode

Die charAt() Methode gibt das Zeichen an einem angegebenen Index (Position) in einem String:

Beispiel

var str = "HELLO WORLD";
str.charAt(0);            // returns H
Versuch es selber "

Die charCodeAt() Methode

Die charCodeAt() Methode gibt den Unicode des Zeichens an einem angegebenen Index in einer Zeichenfolge:

Beispiel

var str = "HELLO WORLD";

str.charCodeAt(0);         // returns 72
Versuch es selber "

Der Zugriff auf einen String als Array ist Unsafe

Vielleicht haben Sie Code wie diesen gesehen, einen String als Array zugreifen:

var str = "HELLO WORLD";

str[0];                   // returns H

Dies ist unsicher und unberechenbar:

  • Es funktioniert nicht in allen Browsern (nicht in IE5, IE6, IE7)
  • Es macht Strings wie Arrays aussehen (aber sie sind nicht)
  • str[0] = "H" geben keinen Fehler (aber nicht funktioniert)

Wenn Sie einen String als Array lesen wollen, wandeln es zunächst in ein Array.


Konvertieren eines String in ein Array

Eine Zeichenkette kann mit dem in ein Array umgewandelt werden split() Methode:

Beispiel

var txt = "a,b,c,d,e";   // String
txt.split(",");          // Split on commas
txt.split(" ");          // Split on spaces
txt.split("|");          // Split on pipe
Versuch es selber "

Wenn das Trennzeichen weggelassen wird, wird das zurückgegebene Array die gesamte Zeichenfolge in Index enthalten [0].

Wenn das Trennzeichen "" ist, wird das zurückgegebene Array ein Array von einzelnen Zeichen sein:

Beispiel

var txt = "Hello";       // String
txt.split("");           // Split in characters
Versuch es selber "

Vollständige String Referenz

Eine vollständige Referenz, gehen Sie auf unsere komplette JavaScript String Referenz .

Die Referenz enthält Beschreibungen und Beispiele für alle String Eigenschaften und Methoden.


Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 » Übung 4» Übung 5 » Übung 6»