Allgemeine String-Manipulationsfunktionen und Verwendung in JavaScript

伊谢尔伦
Freigeben: 2016-11-24 14:57:53
Original
1317 Leute haben es durchsucht

1. String-Konvertierung

Die String-Konvertierung ist die grundlegendste Voraussetzung und Arbeit. Sie können jede der folgenden drei Methoden verwenden:

var num= 19; // 19 var myStr = num.toString; // "19"
Nach dem Login kopieren

Sie können dies auch tun:

var num= 19; // 19 var myStr = String(num); // "19"
Nach dem Login kopieren

Oder, noch einfacher:

2. String-Splitting

Das heißt, String-Splitting , eine Zeichenfolge in mehrere Zeichenfolgen aufteilen, bietet uns JavaScript eine sehr praktische Funktion, wie zum Beispiel:

var myStr = "I,Love,You,Do,you,love,me"; var substrArray = myStr .split(","); 
// ["I", "Love", "You", "Do", "you", "love", "me"]; var arrayLimited = myStr .split(",", 3); // ["I", "Love", "You"];
Nach dem Login kopieren

Der zweite Teil von split Parameter, der die maximale Länge des zurückgegebenen String-Arrays angibt.

3. Ermitteln Sie die Zeichenfolgenlänge

Die Zeichenfolgenlänge wird häufig wie folgt verwendet:

var myStr = "I,Love,You,Do,you,love,me"; var myStrLength = myStr.length; //25
Nach dem Login kopieren

4

Viele Leute vergessen die in JavaScript integrierten Methoden oder ihre spezifische Verwendung, was dazu führt, dass beim Bearbeiten der Fragen eine for-Schleife verschachtelt werden muss.

Die erste Funktion: indexOf, sie sucht vom Anfang der Zeichenfolge und gibt die entsprechenden Koordinaten zurück, wenn sie nicht gefunden werden, gibt sie -1 zurück. Wie folgt:

var myStr = "I,Love,you,Do,you,love,me"; var index = myStr.indexOf("you"); // 7 ,基于0开始,找不到返回-1
Nach dem Login kopieren

Die zweite Funktion: lastIndexOf, sie sucht vom Ende der Zeichenfolge und gibt die entsprechenden Koordinaten zurück, wenn sie nicht gefunden werden, gibt sie -1 zurück. Wie folgt:

var myStr = "I,Love,you,Do,you,love,me"; var index = myStr.lastIndexOf("you"); // 14
Nach dem Login kopieren

Die beiden oben genannten Funktionen erhalten außerdem einen zweiten optionalen Parameter, der die Startposition der Suche angibt.

5. String-Ersatz

Das bloße Finden einer Saite sollte Sie nicht davon abhalten, sie zu finden und durch Ihre eigene Saite zu ersetzen, wie zum Beispiel:

var myStr = "I,love,you,Do,you,love,me"; var replacedStr = myStr.replace("love","hate");//"I,hate,you,Do,you,love,me"
Nach dem Login kopieren

Standardmäßig ersetzt es nur das erste gefundene. Wenn Sie es global ersetzen möchten, müssen Sie ein reguläres globales Flag setzen, wie zum Beispiel:

var myStr = "I,love,you,Do,you,love,me"; var replacedStr = myStr.replace(/love/g,"hate");//"I,hate,you,Do,you,hate,me"
Nach dem Login kopieren

Weitere ausführlichere Erklärungen finden Sie unter: http://www.w3school.com.cn/jsref/jsref_replace.asp

6. Finden Sie das Zeichen an einer bestimmten Position oder seinen Zeichenkodierungswert

Um das Zeichen an einer bestimmten Position zu finden, können Sie die folgende Funktion verwenden:

var myStr = "I,love,you,Do,you,love,me"; var theChar = myStr.charAt(8);// "o",同样从0开始
Nach dem Login kopieren

In ähnlicher Weise besteht eine seiner Geschwisterfunktionen darin, den Zeichenkodierungswert an der entsprechenden Position zu finden Position, wie zum Beispiel:

var myStr = "I,love,you,Do,you,love,me"; var theChar = myStr.charCodeAt(8); //111
Nach dem Login kopieren

7. String-Verkettung

Der String-Verkettungsvorgang kann so einfach sein wie die Verwendung eines Additionsoperators, wie zum Beispiel:

var str1 = "I,love,you!"; var str2 = "Do,you,love,me?"; var str = str1 + str2 + "Yes!";//"I,love,you!Do,you,love,me?Yes!"
Nach dem Login kopieren

In ähnlicher Weise bringt JavaScript auch automatisch verwandte Funktionen mit, wie zum Beispiel:

var str1 = "I,love,you!"; var str2 = "Do,you,love,me?"; var str = str1.concat(str2);//"I,love,you!Do,you,love,me?"
Nach dem Login kopieren

Die Concat-Funktion kann mehrere Parameter haben, mehrere Zeichenfolgen übergeben und mehrere Zeichenfolgen verbinden.

8. Schneiden und Extrahieren von Saiten

Es gibt drei Möglichkeiten, Saiten zu extrahieren und zu schneiden, wie zum Beispiel:

Die erste Möglichkeit ist die Verwendung von Spleiß:

var myStr = "I,love,you,Do,you,love,me"; var subStr = myStr.slice(1,5);//",lov"
Nach dem Login kopieren

Die zweite, verwenden Sie substring:

var myStr = "I,love,you,Do,you,love,me"; var subStr = myStr.substring(1,5); //",lov"
Nach dem Login kopieren

Die dritte, verwenden Sie substr:

var myStr = "I,love,you,Do,you,love,me"; var subStr = myStr.substr(1,5); //",love"
Nach dem Login kopieren

das Gleiche wie die erste Eins Der erste Unterschied zum zweiten besteht darin, dass der zweite Parameter von substr die maximale Länge der abgefangenen Zeichenfolge darstellt, wie im obigen Ergebnis gezeigt.

9. String-Groß-/Kleinschreibung

Häufig verwendete Funktionen zum Konvertieren in Groß- oder Kleinbuchstaben sind wie folgt:

var myStr = "I,love,you,Do,you,love,me"; var lowCaseStr = myStr.toLowerCase;
//"i,love,you,do,you,love,me"; var upCaseStr = myStr.toUpperCase;//"I,LOVE,YOU,DO,YOU,LOVE,ME"
Nach dem Login kopieren

10
Der String-Abgleich erfordert möglicherweise ein gewisses Verständnis für reguläre Ausdrücke. Schauen wir uns zunächst die Match-Funktion an:

var myStr = "I,love,you,Do,you,love,me"; var pattern = /love/; var result = myStr.match(pattern);
//["love"] console.log(result .index);//2 console.log(result.input );//I,love,you,Do,you,love,me
Nach dem Login kopieren
Wie Sie sehen, funktioniert die Match-Funktion bei Strings Wird aufgerufen und akzeptiert einen regulären Parameter. Schauen wir uns das zweite Beispiel mit der Exec-Funktion an:


var myStr = "I,love,you,Do,you,love,me"; var pattern = /love/; var result = pattern .exec(myStr);
//["love"] console.log(result .index);//2 console.log(result.input );//I,love,you,Do,you,love,me
Nach dem Login kopieren
Es ist ganz einfach, es ändert nur die Position des regulären Ausdrucks und der Zeichenfolge, das heißt, die Exec-Funktion wird aufgerufen auf den regulären Ausdruck und übergibt die Zeichen-String-Parameter. Für die beiden oben genannten Methoden besteht das Übereinstimmungsergebnis darin, die erste erfolgreich übereinstimmende Zeichenfolge zurückzugeben. Wenn die Übereinstimmung fehlschlägt, wird null zurückgegeben.

Schauen wir uns eine ähnliche Methodensuche an, wie zum Beispiel:

var myStr = "I,love,you,Do,you,love,me"; var pattern = /love/; var result = myStr.search(pattern);//2
Nach dem Login kopieren
Gibt nur den Index der gefundenen Übereinstimmung zurück.


11. String-Vergleich

Vergleicht zwei Strings. Vergleich der Tabellenreihenfolge, wie zum Beispiel:

var myStr = "chicken"; var myStrTwo = "egg"; var first = myStr.localeCompare(myStrTwo); 
// -1 first = myStr.localeCompare("chicken"); // 0 first = myStr.localeCompare("apple"); // 1
Nach dem Login kopieren
12. Beispiel


Schauen wir uns zum Schluss eine schriftliche Front-End-Testfrage an, Qunar.com, die meiner Meinung nach viele Kinder haben habe diese Frage erledigt. Frage: Schreiben Sie eine getSuffix-Funktion, um den Suffixnamen des Eingabeparameters zu erhalten. Geben Sie beispielsweise abcd.txt ein und geben Sie txt zurück. Anbei meine Antwort:

function getSuffix(file){ return file.slice(file.lastIndexOf(".") + 1,file.length); }
Nach dem Login kopieren
Fazit


Ich glaube, dass es in JavaScript mehr als diese String-Manipulationsfunktionen geben sollte, aber die oben aufgeführten sollten alle sehr häufig verwendet werden. . Wenn Sie noch etwas hinzufügen müssen, können Sie es gerne hinzufügen! Ich hoffe, dass Sie, nachdem Sie dies gelesen haben, den verbindlichen Fragen im Vorstellungsgespräch sehr gelassen begegnen können.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage