Ein tiefer Einblick in JavaScript-String-Objekte: Die Grundlagen-js-Tutorial-php.cn

String-String-Objekt

1. Einleitung

String-Objekt, Operationen an Strings ausführen, z. B. einen Teilstring abfangen, nach Strings/Zeichen suchen, Groß-/Kleinschreibung konvertieren usw.

2. Definition

2.1 neuer String(Value)-Konstruktor: Gibt ein String-Objekt zurück, dessen Inhalt Value ist
Parameter:

①value {String}: String

Rückgabewert:

{String object} gibt ein String-Objekt zurück, dessen Inhalt Value

ist

Beispiel:

Code kopieren Der Code lautet wie folgt:

var demoStr = new String('abc');

console.log(typeof demoStr); // => object

console.log(demoStr); // => abc

2.2 Direkte Zuordnung (empfohlen)
Beispiel:

Code kopieren Der Code lautet wie folgt:

var demoStr = 'abc';

console.log(typeof demoStr); // string

console.log(demoStr); // => abc

3. Instanzattribute

3.1 Länge: Gibt die Anzahl der Zeichen in der Zeichenfolge zurück

Code kopieren Der Code lautet wie folgt:

var s = 'abc';

console.log(s.length); // => 3

console.log('Happy New Year'.length); // => 4: Ein chinesisches Schriftzeichen wird ebenfalls als Menge gezählt 

console.log(''.length); // => 0: leere Zeichenfolge gibt 0
 zurück

4. Instanzmethoden

Hinweis: Die Instanzmethode von string ändert nicht die Zeichenfolge selbst, sondern gibt nur das Ergebnis der Operation zurück.

4.1 charAt(index): Gibt das Zeichen an der angegebenen Position in einer Zeichenfolge zurück. Die Zahl beginnt bei 0. Wenn ein nicht vorhandener Wert übergeben wird, wird eine leere Zeichenfolge zurückgegeben
Parameter:

①index {int}: Positionsindex, berechnet ab 0

Rückgabewert:

{string} gibt das Zeichen an der angegebenen Position in einem String zurück; wenn ein nicht vorhandener Positionswert übergeben wird, wird ein leerer String zurückgegeben

Beispiel:

Code kopieren Der Code lautet wie folgt:

var s = 'abc';

console.log(s.charAt(1)); // => b: Gibt das Zeichen an Position 1 zurück

console.log(s); // => Hat keinen Einfluss auf das ursprüngliche Array

console.log(s.charAt(5)); // => '': Holen Sie sich ein Zeichen an einer nicht vorhandenen Position und geben Sie einen leeren String mit der Länge 0 zurück

4.2 charCodeAt(index): Gibt die Unicode-Kodierung des Zeichens an der angegebenen Position in einer Zeichenfolge zurück
Parameter:

①index {int}: Positionsindex, berechnet ab 0

Rückgabewert:

{Nummer} Gibt die Unicode-Codierung des Zeichens an der angegebenen Position in einer Zeichenfolge zurück. Wenn ein nicht vorhandener Positionswert übergeben wird, wird NaN

zurückgegeben

Beispiel:

Code kopieren Der Code lautet wie folgt:

var s = 'abc';

console.log(s.charCodeAt(0)); // => 98: Unicode-Kodierung des Zeichens b

console.log(s.charCodeAt(5)); // => Holen Sie sich ein Zeichen, das nicht existiert, und geben Sie NaN zurück

4.3 concat(value1, value2 ... valueN): Verketten Sie eine oder mehrere Zeichenfolgen und geben Sie die verkettete Zeichenfolge
zurück Parameter:

①value1,value2 ... valueN {string}: ein oder mehrere Strings

Rückgabewert:

{string} Gibt die verkettete Zeichenfolge

zurück

Beispiel:

Code kopieren Der Code lautet wie folgt:

var s = 'abc';
console.log(s.concat('d')); // => console.log(s); // => hat keinen Einfluss auf die ursprüngliche Zeichenfolge
console.log(s.concat('d', 'e')); // =>

4.4 indexOf(value, |startPosition): Suchen Sie eine Zeichenfolge oder ein Zeichen von vorne nach hinten in der Instanz und geben Sie die gefundene Position zurück (gezählt von 0). Wenn nicht gefunden, geben Sie -1
zurück Parameter:

①value {string}: Suchzeichenfolge

②startPosition {int} Optional: die Startposition, an der mit der Suche begonnen werden soll. Standardmäßig wird die Suche ab Position 0 gestartet

Rückgabewert:

{int} Gibt die gefundene Position zurück (ab 0 gezählt). Wenn nicht gefunden, geben Sie -1

zurück

Beispiel:

Code kopieren Der Code lautet wie folgt:

var s = 'abc';

console.log(s.indexOf('b')); // =>
console.log(s.indexOf('d')); // => -1 : 
 nicht gefunden
console.log(s.indexOf('b', 2)); // => -1: Beginnen Sie mit der Suche nach 
 ab Position 2 (dem 3. Zeichen)

4.5 lastIndexOf(value, |startPosition): Suchen Sie in der Instanz von hinten nach vorne nach einer Zeichenfolge oder einem Zeichen und geben Sie die gefundene Position zurück (von 0 an gezählt). Wenn nicht gefunden, geben Sie -1

zurück Parameter:

①value {string}: Suchzeichenfolge

②startPosition {int} Optional: die Startposition, an der mit der Suche begonnen werden soll. Standardmäßig wird die Suche am Ende gestartet

Rückgabewert:

{int} Gibt die gefundene Position zurück (ab 0 gezählt). Wenn nicht gefunden, geben Sie -1

zurück

Beispiel:

Code kopieren Der Code lautet wie folgt:

var s = 'abcabc';

console.log(s.lastIndexOf('a')); // => 3: Suche von hinten nach vorne

console.log(s.lastIndexOf('d')); // => -1: Nicht gefunden gibt -1
 zurück
console.log(s.lastIndexOf('a', 2)); // => 0: Suche vorwärts 
 ab Position 2 (dem 3. Zeichen)

4.6 localeCompare(value): Vergleichen Sie die Instanz mit dem Parameter und geben Sie das Vergleichsergebnis zurück

Parameter:

①value {string}: Die zu vergleichende Zeichenfolge

Rückgabewert:

0: Die Instanz ist größer als der Parameter

　1: Instanz und Parameter sind gleich

-1: Die Instanz ist kleiner als der Parameter

Beispiel:

Code kopieren Der Code lautet wie folgt:

var s='abc';

console.log(s.localeCompare('ab')); // => 1: Die Instanz ist größer als der Parameter

console.log(s.localeCompare('abc')); // => 0: Instanz und Parameter sind gleich

console.log(s.localeCompare('abd')); // => -1: Die Instanz ist kleiner als der Parameter

4.7 match(regexp): Verwenden Sie reguläre Ausdrücke für die passende Suche

Parameter:

①regexp {regexp}: regulärer Ausdruck, z. B.: /d /

Rückgabewert:

Je nachdem, ob der reguläre Ausdruck das Attribut „g“ hat, werden unterschiedliche Ergebnisse zurückgegeben. Wenn keine Übereinstimmung vorliegt, wird {null} zurückgegeben:

①Der reguläre Ausdruck hat nicht das Attribut „g“, führt einen Match durch und gibt ein {einzelnes Match}-Ergebnisobjekt zurück. Das Objekt enthält die folgenden Attribute:

Array-Seriennummer: Gibt das Übereinstimmungsergebnis an, 0 ist der übereinstimmende Text, 1 ist das Übereinstimmungsergebnis der ersten Klammer von rechts nach rechts, 2 ist die zweite Klammer und so weiter

Indexattribut: gibt an, dass sich der übereinstimmende Text an der Startposition der übereinstimmenden Quelle befindet

Eingabeattribut: gibt die passende Quelle an

②Der reguläre Ausdruck hat das Attribut „g“, führt einen globalen Abgleich durch, findet alle übereinstimmenden Objekte in der Zeichenfolge und gibt ein {String-Array} zurück: Das Array-Element enthält jedes übereinstimmende Objekt in der Zeichenfolge, mit Ausnahme des regulären Ausdrucks in Klammern Die Zeichenfolge stellt außerdem keine Index- und Eingabeattribute bereit.

Beispiel:

Code kopieren Der Code lautet wie folgt:

// 1. Einzeltreffer 

var s = 'a1b2c3d4';

var mc = s.match(/d /); // => Das Ergebnis des ersten regulären Spiels abrufen

if (mc != null) {

console.log(mc.index); // => 1: Das Matching-Ergebnis befindet sich an der Startposition der Matching-Quelle 

console.log(mc.input) // => a1b2c3d4: passende Quelle 

console.log(mc[0]); // => 1: Holen Sie sich das passende Ergebnis

}

// 2. Globaler Abgleich 

var mcArray = s.match(/d /g); // => Alle regulären übereinstimmenden Zahlen abrufen 

if (mcArray != null) {

for (var i = 0,len=mcArray.length; i < len; i ) {

      var mc=mcArray[i];

console.log(mc); // => 1,2,3,4: Erhalten Sie die passenden Ergebnisse

}

}

// 3. Matching mit Klammern 

s = 'a1b2c3d4';

mc = s.match(/[a-z]([1-9])/); // => Das Ergebnis des ersten regulären Spiels abrufen

if (mc != null) {

console.log(mc.index); // => 0: Das Matching-Ergebnis befindet sich an der Startposition der Matching-Quelle 

console.log(mc.input) // => a1b2c3d4: passende Quelle 

console.log(mc[0]); // => a1: Seriennummer 0 gibt das übereinstimmende Ergebnis an

console.log(mc[1]); // => 1: Seriennummer 1 stellt das Unterabgleichsergebnis in der ersten Klammer dar 

}

4.8 replace(regexp, replaceStr): Ersetzen Sie die Teilzeichenfolge, die mit dem regulären Ausdruck übereinstimmt, und geben Sie die ersetzte Zeichenfolge zurück
Parameter:

①regexp {regexp}: Regulärer Ausdruck. zB:/d/

②replaceStr {string function}:

1) Wenn es sich um eine Zeichenfolge handelt, bedeutet dies, dass alle übereinstimmenden Zeichenfolgen durch diese Zeichenfolge ersetzt werden

Das $-Zeichen in einer Zeichenfolge hat eine besondere Bedeutung:

$1,$2 ... $99: Zeigt die passenden Unterelemente von ①Parametern von links nach rechts in Klammern an

$&: Gibt die Unterelemente an, die mit dem gesamten ①-Parameter übereinstimmen

$$: Dollarzeichen

2) Wenn es sich um eine Funktion handelt, bedeutet dies, dass diese Funktion für jedes übereinstimmende Ergebnis aufgerufen wird. Der einzige Parameter der Funktion ist das übereinstimmende Ergebnis und es wird ein Ersatzergebnis zurückgegeben.

Rückgabewert:

{string} gibt einen ersetzten String

zurück

Beispiel:

Code kopieren Der Code lautet wie folgt:

var oldStr = 'a1b2c3d4';

// 1. Wenn die reguläre Übereinstimmung mit [allen] Zahlen übereinstimmt, ersetzen Sie sie durch: ',' Komma 

var newStr = oldStr.replace(/d /g, ',');

console.log(newStr); // => a,b,c,d,

// 2. Die reguläre Übereinstimmung gleicht [alle] Zahlen ab und ersetzt sie durch: passendes Ergebnis ',' Komma

newStr = oldStr.replace(/d /g, '$&,');

console.log(newStr); // =>
// 3. Die reguläre Übereinstimmung gleicht [alle] Zahlen ab, ruft die Funktion für jedes übereinstimmende Ergebnis auf und gibt das ersetzte Ergebnis zurück 

newStr = oldStr.replace(/d /g, Funktion (Wort) {

Wenn (Wort % 2 == 0) {

         „gerade“ zurückgeben;

}

Rückgabe 'ungerade';

});

console.log(newStr); // => a ungerade b gerade c ungerade d gerade

4.9 search(regexp): Gibt die Position zurück, an der die erste Übereinstimmung des regulären Ausdrucks gefunden wird Parameter:

①regexp {regexp}: Regulärer Ausdruck. zB:/d/

Rückgabewert:

{int} Gibt die Position des ersten passenden Ergebnisses zurück; wenn kein passendes Ergebnis gefunden wird, wird -1 zurückgegeben

Beispiel:

Code kopieren Der Code lautet wie folgt:

console.log( 'abcd'.search(/d /) ); // => -1 : Nummer

nicht gefunden console.log( 'abcd1234'.search(/d /) ); // => Die Positionsnummer ist 4, gibt die Position der ersten Nummer zurück

4.10 Slice(start, |end): Gibt den Teilstring von der Startposition des Strings bis zur Position vor dem Ende zurück
Parameter:

①start {int}: Der Startpositionsindex der Teilzeichenfolgenextraktion (einschließlich des Zeichens an dieser Position).

Wenn die Zahl negativ ist, bedeutet dies, dass vom Ende der Zeichenfolge aus gezählt wird. Beispiel: -1 steht für die letzte Zeichenfolge, -2 steht für das vorletzte Zeichen.

②end {int} Optional: Der Endpositionsindex der Teilzeichenfolgenextraktion (mit Ausnahme des Zeichens an dieser Position).

Wenn die Zahl negativ ist, bedeutet dies, dass vom Ende der Zeichenfolge aus gezählt wird. Beispiel: -1 steht für die letzte Zeichenfolge, -2 steht für das vorletzte Zeichen.

Wenn dieser Parameter weggelassen wird, werden alle Zeichen von der Startposition bis zum Ende zurückgegeben.

Hinweis:

Die Reihenfolge beim Extrahieren von Teilzeichenfolgen ist von links nach Ende. Wenn die Startindexposition größer als die Endindexposition ist, wird eine leere Zeichenfolge zurückgegeben.

Rückgabewert:

{string} gibt den Teilstring von der Startposition des Strings bis zur Position vor dem Ende zurück.

Beispiel:

Code kopieren Der Code lautet wie folgt:

var s = 'abcdefg';

console.log( s.slice(1) ); // bcdefg: den Endparameter weglassen, die Endposition ist das Ende 

console.log( s.slice(1, 3) ); // bc: Den Teilstring von Position Nummer 1 bis Position Nummer 2 zurückgeben (die vorherige Position beenden) 

console.log( s.slice(-3) ); // efg: Gibt alle Zeichen vom dritten bis zum Ende zurück 

console.log( s.slice(-3, -1) ); // ef: Gibt alle Zeichen 
 zurück, beginnend vom drittletzten bis zum zweiten (der vorherigen Endposition)

4.11 split(delimiter, |arrayLength): Teilen Sie die Zeichenfolge gemäß einem bestimmten Trennzeichen in ein Array von Zeichenfolgen auf und geben Sie
zurück Parameter:

①delimiter {regexp string}: Das angegebene Trennzeichen, das ein regulärer Ausdruck oder eine Zeichenfolge sein kann.

②arrayLength {int} Optional: Die Länge des geteilten Arrays. Wenn es weggelassen wird, werden alle geteilten Teilzeichenfolgen zurückgegeben.

Hinweis:

Wenn sich das Trennzeichen am ersten oder letzten Zeichen der Zeichenfolge befindet, wird dem zurückgegebenen Array eine leere Zeichenfolge hinzugefügt.

Rückgabewert:

{ string[] } Gibt ein Array bestehend aus Strings zurück.

Beispiel:

Code kopieren Der Code lautet wie folgt:

console.log( 'a,b,c,d,e'.split(',') ); // => 

console.log( ',a,b,c,d,e,'.split(',') ); // => , „e“, „“]: Wenn das Trennzeichen am Anfang oder Ende steht, wird eine leere Zeichenfolge 
 hinzugefügt
console.log( 'a,b,c,d,e'.split(',',3) ); // => Teilzeichenfolge von 

console.log( 'a1b2c3d4e'.split(/d/) ); // => ["a", "b", "c", "d", "e"] : Zahlen als Trennzeichen verwenden 

4.12 substr(start, |wordLength): Gibt einen Teilstring zurück, beginnend an der Startposition des Strings bis zur Länge von wordLength
Parameter:

①start {int}: Der Startpositionsindex der Teilzeichenfolgenextraktion (einschließlich des Zeichens an dieser Position).

Wenn die Zahl negativ ist, bedeutet dies, dass vom Ende der Zeichenfolge aus gezählt wird. Beispiel: -1 steht für die letzte Zeichenfolge, -2 steht für das vorletzte Zeichen.

②wordLength {int} Optional: Extrahieren Sie die Länge der Zeichen. Wenn dieser Parameter weggelassen wird, werden alle Zeichen von der Startposition bis zum Ende zurückgegeben.

Rückgabewert:

{string} gibt die extrahierte Zeichenfolge zurück

Beispiel:

Code kopieren Der Code lautet wie folgt:

ar s = 'abcdefg';

onsole.log( s.substr(0) ); // => Lassen Sie den zweiten Parameter weg und geben Sie das Zeichen von Position Nummer 0 bis zum letzten Zeichen zurück 

onsole.log( s.substr(0, 3) ); // => zurückgeben ab Position Nummer 0, 3 Zeichen zählend 

onsole.log( s.substr(2, 4) ); // => Rückkehr ab Position Nummer 2, 4 Zeichen zählend 

onsole.log( s.substr(-2, 3) ); // fg: Rückgabe beginnend mit der vorletzten Zeichenfolge, Zählung 3 (wenn die Zeichenlänge größer ist, werden nur zählbare Zeichen zurückgegeben)

4.13 substring(start, |end): Gibt den Teilstring von der Startposition des Strings bis zur Position vor dem Ende zurück
Parameter:

①start {int}: Der Startpositionsindex der Teilzeichenfolgenextraktion (einschließlich des Zeichens an dieser Position). Die Zahl darf nicht negativ sein. Wenn es sich um eine negative Zahl handelt, wird sie als 0 verarbeitet

②end {int} Optional: Der Endpositionsindex der Teilzeichenfolgenextraktion (mit Ausnahme des Zeichens an dieser Position). Die Zahl darf nicht negativ sein. Wenn es sich um eine negative Zahl handelt, wird sie als 0 verarbeitet

Rückgabewert:

{string} gibt den Teilstring von der Startposition des Strings bis zur Position vor dem Ende zurück.

Beispiel:

Code kopieren Der Code lautet wie folgt:

var s = 'abcdefg';

console.log( s.substring(0) ); // => Lassen Sie den Endparameter weg und geben Sie das Zeichen von Position Nummer 0 bis zum letzten Zeichen zurück 

console.log( s.substring(0, 3) ); // => Gibt Zeichen 
 von Position Nummer 0 bis Position Nummer 2 zurück (das vorherige von ② Parameter)
console.log( s.substring(2, 4) ); // => Gibt die Zeichen 
 von Position Nummer 2 bis Position Nummer 3 zurück (das vorherige von ② Parameter)
console.log( s.substring(-3, 3) ); // abc: Wenn der Parameter negativ ist, wird er als Zahl 0 verarbeitet, sodass dieser Parameter tatsächlich die Zeichen von Position Nummer 0 bis Position Nummer 3 

4.14 toUpperCase(): Wandelt die Zeichenfolge in Großbuchstaben um und gibt

zurück 4.15 toUpperCase(): Wandelt die Zeichenfolge in Kleinbuchstaben um und gibt
zurück 4.16 trim(): Leerzeichen am Anfang und Ende der Zeichenfolge entfernen und
zurückgeben

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass jeder durch diesen Artikel ein neues Verständnis des String-Objekts in JavaScript erlangen kann.