JS-String-Learning gibt die Dateierweiterung durch Abfangen von Teilzeichenfolgen zurück

Im vorherigen Artikel „JS-String-Lernen: So geben Sie die Teilzeichenfolge zwischen bestimmten Indizes zurück“ haben wir die Methode zum Abfangen der Zeichenfolge zwischen den angegebenen Indexpositionen und zur Rückgabe des extrahierten Teils (Teilzeichenfolge) vorgestellt. Dieses Mal lernen wir weiterhin JavaScript-Strings und lernen eine andere Methode zum Abfangen von Strings kennen. ~

Das Thema dieses Artikels besteht darin, die Methode zum Abfangen von Strings entsprechend der angegebenen Länge vorzustellen und sie dann zu verwenden Mit dieser Methode erfahren Sie, wie Sie die Dateierweiterung erhalten.

Schauen wir uns zunächst an, wie man einen Teilstring einer bestimmten Länge abfängt und zurückgibt. Nachfolgend möchte ich Ihnen eine ausführliche Einführung geben.

Schauen wir uns ein Beispiel an:

var str="Hello world!";
var n=str.substr(2,3)
console.log(n);

Ausgabeergebnis:

Es ist zu sehen: Wir verwenden str.substr(2,3) ab dem dritten Zeichen und das Abfangen von 3 Zeichen, sodass die zurückgegebene Teilzeichenfolge „llo“ ist. str.substr(2,3)从第三字符开始，截取了3个字符，因此返回的子串为“llo”。

我们来了解一下substr()方法。

str.substr(start,length)方法能够根据指定长度来截取子字符串。它包含两个参数，第一个参数start不可省略，表示准备截取的子字符串起始下标；第二个参数length可省略，表示截取的长度，即需要截取的字符数。

如果省略第二个参数length，那么就会从start开始，截取后面全部的字符。

var str="Hello world!";
var n=str.substr(2)
console.log(n);

输出结果：

如果如果第一个参数start为负值，则表示从字符串的尾部开始计算下标位置，即 -1表示最后一个字符，-2 表示倒数第二个字符，以此类推。（这对于左侧字符长度不固定时非常有用。）

var str="Hello world!";
var n1=str.substr(-1,1);
var n2=str.substr(-2,1);
var n3=str.substr(-3,2);
console.log(n1);
console.log(n2);
console.log(n3);

输出结果：

通过上文，我们知道可以使用substr()方法来截取指定长度子串，并返回该子串。下面我们来看看利用这种方法怎样来获取文件扩展名。

我们可以使用substr()和lastIndexOf()方法获取文件的扩展名，例如有下面一个文件url

../img/JS-String-Learning gibt die Dateierweiterung durch Abfangen von Teilzeichenfolgen zurück

使用下面语句就可获取文件的扩展名：

var str="../img/JS-String-Learning gibt die Dateierweiterung durch Abfangen von Teilzeichenfolgen zurück";
var b = str.substr(str.lastIndexOf(".") ,4);  //截取最后一个点号开始4个字符
console.log(b);  //返回子字符串“.png”

分析：使用str.lastIndexOf(".")

Werfen wir einen Blick auf die substr()-Methode. Die Methode

str.substr(start,length) kann Teilzeichenfolgen entsprechend der angegebenen Länge abfangen. Es enthält zwei Parameter. Der erste Parameter start kann nicht weggelassen werden, da er den Anfangsindex der abzufangenden Teilzeichenfolge angibt Länge, also die Anzahl der Zeichen, die abgefangen werden müssen.

Wenn der zweite Parameter length weggelassen wird, werden alle nachfolgenden Zeichen von Anfang an abgefangen.

var str="../img/JS-String-Learning gibt die Dateierweiterung durch Abfangen von Teilzeichenfolgen zurück";
var b = str.substr(str.lastIndexOf(".")+1 ,3);  //截取最后一个点号后3个字符
console.log(b);  //返回子字符串“png”

Ausgabeergebnis:

Wenn der erste Parameter start ein negativer Wert ist, bedeutet dies, dass die Indexposition vom Ende der Zeichenfolge aus berechnet wird, d. h. -1 bedeutet das letzte Zeichen, -2 bedeutet das vorletzte Zeichen usw. (Dies ist nützlich, wenn die Länge des linken Zeichens nicht festgelegt ist.)

var str="../img/JS-String-Learning gibt die Dateierweiterung durch Abfangen von Teilzeichenfolgen zurück";
var b = str.substr(str.lastIndexOf(".")+1 );  
console.log(b);
  
var str="../img/1.jpeg";
var b = str.substr(str.lastIndexOf(".")+1 );  
console.log(b);

Ausgabeergebnis:

Durch das oben Gesagte wissen wir, dass wir die substr()-Methode verwenden können, um einen Teilstring einer bestimmten Länge abzufangen und den Teilstring zurückzugeben.

Sehen wir uns an, wie Sie mit dieser Methode die Dateierweiterung erhalten.

Wir können die Methoden substr() und lastIndexOf() verwenden, um die Dateierweiterung abzurufen. Wenn Sie beispielsweise die folgende Datei-URL haben:

rrreeeVerwenden Sie die folgende Anweisung, um die Dateierweiterung abzurufen: rrreee

Analyse: Verwenden str .lastIndexOf(".") kann die letzte Vorkommensposition des Zeichens „.“ abrufen und es dann als ersten Parameter der substr()-Methode verwenden, um die Startposition der abgefangenen Zeichenfolge anzugeben . Da die Erweiterung „.png“ vier Zeichen hat, setzen Sie einfach den zweiten Parameter der substr()-Methode auf 4. 🎜🎜Ausgabeergebnis: 🎜🎜🎜🎜🎜Wenn Sie nur „png“ erhalten möchten, können Sie 1 zu str.lastIndexOf(".") hinzufügen: 🎜🎜rrreee🎜Ausgabeergebnis: 🎜🎜🎜🎜🎜Das ist Wissen Länge der Erweiterung, aber manchmal ist die Länge der Erweiterung nicht festgelegt, dann können wir den zweiten Parameter der substr()-Methode weglassen und direkt alle Zeichen nach dem Zeichen „.“ erhalten: 🎜rrreee🎜Ausgabeergebnis: 🎜🎜 🎜🎜🎜Okay, das ist alles. Wenn Sie es brauchen, können Sie lesen: 🎜Javascript-Tutorial für Fortgeschrittene🎜🎜

Das obige ist der detaillierte Inhalt vonJS-String-Learning gibt die Dateierweiterung durch Abfangen von Teilzeichenfolgen zurück. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!