Eine eingehende Analyse der JavaScript-String-Operationsmethoden Slice, Substr, Substring und ihrer IE-Kompatibilität_Javascript-Fähigkeiten

Die Methoden substr(), substring() und Slice() werden häufig beim Abfangen von Zeichenfolgen verwendet. Manchmal sind die Verwendungen verwirrt, daher werde ich sie zusammenfassen.

Leseverzeichnis
•slice()
•substring()
•substr()
•Zusammenfassung

slice()

Definition: Akzeptiert einen oder zwei Parameter. Der erste Parameter gibt die Startposition des Teilstrings an. Der zweite Parameter stellt die Endposition des Teilstrings dar (mit Ausnahme des Zeichens an der Endposition). Wenn der zweite Parameter nicht übergeben wird, wird die Länge des Strings als Endposition verwendet.

1. Wenn der übergebene Parameter ein positiver Wert ist:

var str ="helloWorld";
// 一个参数，则将字符串长度作为结束位置
alert(str.slice(3)); // "loWorld"
// 两个参数，7位置上的字符为"r",但不包括结束位置的字符
alert(str.slice(3,7)); // "loWo" 

2. Wenn der übergebene Parameter ein negativer Wert ist:

slice()方法会将传入的负值与字符串长度相加。
 var str ="helloWorld";
// 一个参数，与字符串长度相加即为slice(7)
alert(str.slice(-3)); // "rld"
// 两个参数，与字符串长度相加即为slice(3,6)
alert(str.slice(3,-4)); // "loW" 

3. Wenn der zweite Parameter kleiner als der erste Parameter ist:

Wenn der zweite von der Slice()-Methode übergebene Parameter kleiner als der erste Parameter ist, wird eine leere Zeichenfolge zurückgegeben.

var str ="helloWorld";
alert(str.slice(5,3)); // "" 

4. IE-Kompatibilität

Beim Test mit dem IE8-Browser gibt es kein Problem und das Verhalten stimmt mit modernen Browsern überein.

substring()

Definition: Akzeptiert einen oder zwei Parameter. Der erste Parameter gibt die Startposition des Teilstrings an. Der zweite Parameter stellt die Endposition des Teilstrings dar (mit Ausnahme des Zeichens an der Endposition). Wenn der zweite Parameter nicht übergeben wird, wird die Länge des Strings als Endposition verwendet.

1. Wenn der übergebene Parameter ein positiver Wert ist: das gleiche Verhalten wie bei der Slice()-Methode

var str ="helloWorld";
// 一个参数，则将字符串长度作为结束位置
alert(str.substring(3)); // "loWorld"
// 两个参数，7位置上的字符为"r",但不包括结束位置的字符
alert(str.substring(3,7)); // "loWo" 

2. Wenn der übergebene Parameter ein negativer Wert ist:

Die Methode substring() konvertiert alle negativen Parameter in 0. Schauen wir uns ein Beispiel an:

var str ="helloWorld";
// 两个参数，-4会转换为0，相当于substring(3,0) -->即为 substring(0,3)
alert(str.substring(3,-4)); // "hel" 

Die Methode

substring() verwendet die kleinere Zahl als Startposition und die größere Zahl als Endposition. Wie im obigen Beispiel haben substring(3,0) und substring(0,3) den gleichen Effekt.

4. IE-Kompatibilität

Beim Test mit dem IE8-Browser gibt es kein Problem und das Verhalten stimmt mit modernen Browsern überein.

substr()

Definition: Akzeptiert einen oder zwei Parameter. Der erste Parameter gibt die Startposition des Teilstrings an. Der zweite Parameter unterscheidet sich etwas von der vorherigen Methode und gibt die Anzahl der zurückgegebenen Zeichen an. Wenn kein zweites Argument übergeben wird, wird die Länge des Strings als Endposition verwendet. Sehen wir uns ein Beispiel an:

1. Wenn der übergebene Parameter ein positiver Wert ist:

var str ="helloWorld";
// 一个参数，则将字符串长度作为结束位置
alert(str.substr(3)); // "loWorld"
// 两个参数，从位置3开始截取后面7个字符
alert(str.substr(3,7)); // "loWorld" 

2. Wenn der übergebene Parameter ein negativer Wert ist:

Die Methode

substr() fügt den negativen ersten Parameter zur Länge der Zeichenfolge hinzu und wandelt den negativen zweiten Parameter in 0 um.

var str ="helloWorld";
// 将第一个负的参数加上字符串的长度--->
//即为：substr(7,5) ，从位置7开始向后截取5个字符
alert(str.substr(-3,5)); // "rld"
// 将第二个参数转换为0
// 即为：substr(3,0)，即从位置3截取0个字符串，则返回空
alert(str.substr(3,-2)); // "" 

3. IE-Kompatibilität

Die substr()-Methode hat Probleme bei der Übergabe negativer Werte und die ursprüngliche Zeichenfolge wird zurückgegeben. IE9 behebt dieses Problem.

Zusammenfassung

Das Verhalten von Slice() und Substring() ist konsistent, wenn positive Parameter übergeben werden. Die Methode substr() kann beim zweiten Parameter leicht verwechselt werden.

Bei der Übergabe negativer Parameter dient die Methode „slice()“ dazu, die Länge der Zeichenfolge hinzuzufügen, was der allgemeinen Denkweise entspricht. Das Konvertieren des zweiten Parameters von „substring()“ in 0 führt leicht zu Problemen, und die Startposition wird ebenfalls problematisch sein Wenn die substr()-Methode leicht zu ändern ist, führt dies zu IE-Kompatibilitätsproblemen, wenn negative Werte verwendet werden.

Zusammenfassend empfehle ich grundsätzlich die Verwendung der Methode „slice()“.

Lassen Sie mich Ihnen die Unterschiede zwischen Slice, Substr und Substring vorstellen

Zunächst erhalten beide Parameter Slice und Substring die Startposition und die Endposition (mit Ausnahme der Endposition), während Substr die Startposition und die Länge des zurückzugebenden Strings erhält. Schauen Sie sich einfach das Beispiel unten an:

 var test = 'hello world';
  alert(test.slice(,));    //o w
  alert(test.substring(,));   //o w
  alert(test.substr(,));   //o world 

Hier ist zu beachten, dass der Teilstring den kleineren der beiden Parameter als Startposition und den größeren Parameter als Endposition verwendet.

Zum Beispiel:

alert(test.substring(7,4));   //o w 

Wenn der empfangene Parameter als nächstes eine negative Zahl ist, addiert Slice die Länge seiner Zeichenfolge zur entsprechenden negativen Zahl und das Ergebnis wird als Parameter verwendet. Dies ist nur das Ergebnis der Addition des ersten Parameters und die Länge der Zeichenfolge. Konvertiert einfach alle negativen Parameter direkt in 0. Der Testcode lautet wie folgt:

var test = 'hello world';  
alert(test.slice(-));   //rld  
alert(test.substring(-));  //hello world  
alert(test.substr(-));  //rld  
alert(test.slice(,-));  //lo w  
alert(test.substring(,-)); //hel  
alert(test.substr(,-));  //空字符串 

Hinweis: IE hat einen Fehler bei der Verarbeitung negativer Werte, die von substr empfangen wurden, und gibt die ursprüngliche Zeichenfolge zurück.