Über den Unterschied zwischen substring() und substr() (ausführliches Tutorial)

Im Folgenden werde ich ein Beispiel für die Verwendung und den Unterschied zwischen substring() und substr() mit Ihnen teilen. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich sein wird.

In JavaScript wird normalerweise das sogenannte Abfangen verwendet, um den Inhalt von einer bestimmten Position zu einer bestimmten Position des abgefangenen Elements zu erhalten. Dann stellte mir JS die beiden Teilzeichenfolgen und Teilstränge zur Verfügung.

Was ist der Unterschied zwischen diesen beiden Abhörmethoden? Direkte Codedemonstration:

substring(a,b):

a: stellt die Startposition dar

b: Zeigt die Endposition an

! Aber es ist erwähnenswert: Beim Abfangen enthält der abgefangene Inhalt das Element an der Startposition, nicht jedoch das Element an der Endposition!

Beispiel:

function sub1(){
  var str = 'javascript';
  return str.substring(0,4);
 }
 console.log(sub1());  //返回值为‘java'
 
 function sub2(){
  var str = 'javascript';
  return str.substring(1,4);
 }
 console.log(sub2());  //返回值为‘ava'

Zusammenfassung: Wenn ein Teilstring abgefangen wird, wird die Startposition einbezogen und die Endposition nicht enthalten, und beide Parameter a und b sind Positionswerte, d. h. Indexwert

substr (Index, Länge):

Index: Stellt die Startposition dar

Länge: Stellt die Länge des abgefangenen Inhalts dar

! Das Element an der Startposition wird beim Abfangen einbezogen!

Beispiel:

function sub3(){
  var str = 'javascript';
  return str.substr(0,4);
 }
 console.log(sub3());   //返回值为‘java'
 
 function sub4(){
  var str = 'javascript';
  return str.substr(1,4);
 }
 console.log(sub4());  //返回值为‘avas'

Zusammenfassung: Wenn substr abgefangen wird, einschließlich der Startposition, beginnen die beiden Parameter Ausgangsposition und Abfanglänge

! Achten Sie auf die Unterscheidung und nutzen Sie sie mit Bedacht!

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Wie implementiert man den optimierten Stil in Vue (ausführliches Tutorial)

Wie erstellt man benutzerdefinierte globale Vue-Komponenten?

So implementieren Sie die mehrseitige Entwicklung in vue2.0

So implementieren Sie die Drag-Verifizierungscode-Funktion mit jQuery und vue

Detaillierte Einführung in mehrere JavaScript-Codierungsspezifikationen (ausführliches Tutorial)

Das obige ist der detaillierte Inhalt vonÜber den Unterschied zwischen substring() und substr() (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!