Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der Schritte zur Verwendung der JS-String-Methode

Detaillierte Erläuterung der Schritte zur Verwendung der JS-String-Methode

php中世界最好的语言
Freigeben: 2018-05-24 16:07:40
Original
2225 Leute haben es durchsucht

Dieses Mal erkläre ich Ihnen ausführlich die Schritte zur Verwendung der JS--String--Methode und welche Vorsichtsmaßnahmen bei der Verwendung der JS-String-Methode gelten. Hier sind praktische Fälle: Werfen wir einen Blick darauf.

1. Methodenleseanweisungen

RückgabewerttypObjekt.Methodenname (Parameter 1 [, Parameter 2]); 🎜>2. Zeichenfolge
Attribut

Definition:

durch ein Paar von

"" oder ein Paar von '' Eingepackt besteht es aus 0 oder mehr Zeichen und ist eine Zeichenfolge. Stringlänge:

返回值类型:指的是函数调用结束后返回的值的类型。
对象.方法名称:指的是调用方法。
参数列表:表示函数调用时传入的参数。[]表示可选参数,可写可不写。
Nach dem Login kopieren
z. B.:

string.length;
Nach dem Login kopieren
3.charAt

Funktion:

Diese Methode gibt das Zeichen

zurück, das entspricht. Syntax:
string string.charAt(index);Parameter: index bezieht sich auf
0 bis string length-1 Eine ganze Zahl. Rückgabewert: Gibt das Zeichen
an der entsprechenden Position der -Zeichenfolge zurück. Hinweis:

var str1="abc";
var str2="";
var str3=" ";
console.log(str1.length);//3
console.log(str2.length);//0
console.log(str3.length);//1
Nach dem Login kopieren
- 如果传入参数小于0或者大于 字符串长度-1,则返回空字串。
- 如果传入boolean值,如果为true,默认是转化为数字1,指到字符串第二个字符。如果为false,默认是转化为数字0,指到字符串第一个字符。
- 如果传入任意字符串,则指到字符串第一个字符。
Nach dem Login kopieren
4.chatCodeAt

Funktion:

Gibt den Unicode-Wert des Zeichens zurück, das

entspricht Syntax:
number string.charCodeAt(index);Parameter: index bezieht sich auf
0 bis Stringlänge- 1 . Rückgabewert: Gibt den Unicode-Wert des Zeichens zurück, das der Zeichenfolge
entspricht. Hinweis:

Wenn der eingehende Parameter

kleiner als 0 ist oder größer als die Zeichenfolgenlänge-1
ist, handelt es sich um eine leere Zeichenfolge wird zurückgegeben. NAN wird zurückgegeben.

<script>
        var str="abc";
        console.log(str.charAt(0));//a
        console.log(str.charAt(2));//c
        console.log(str.charAt(-88));//""
        console.log(str.charAt(false));//a
        console.log(str.charAt(true));//b
        console.log(str.charAt("unm"));//a
</script>
Nach dem Login kopieren
4.fromCharCode

Funktion:

Unicode-Werte in entsprechende Zeichen umwandeln.

Syntax: string String.fromCharCode(index);
Parameter: index bezieht sich auf die Übergabe einer beliebigen Ganzzahl.
Rückgabewert: Gibt die Zeichenfolge zurück, die dem
Unicode-Wert entspricht.

<script>
    var str="abc";
    console.log(str.charCodeAt(0));//97
    console.log(str.charCodeAt(2));//99
    console.log(str.charCodeAt(-88));//NAN
    console.log(str.charCodeAt(false));//97
    console.log(str.charCodeAt(true));//98
    console.log(str.charCodeAt(undefined));//97
    console.log(str.charCodeAt("zzzz"));//97
</script>
Nach dem Login kopieren
Kleines Beispiel für Ver- und Entschlüsselung5.indexOf

Funktion:

Gibt beim ersten Aufruf dieser Methode

den angegebenen Wertstring zurück

Der Ort, an dem es erscheint. Syntax: number string.indexOf((searchValue [, fromIndex]));
Parameter: searchValue
bedeutet Die zu suchende Zeichenfolge. fromIndex bezieht sich darauf, wo mit der Suche begonnen werden soll. Der Standardwert ist 0. Rückgabewert: Gibt eine Zahl zurück.
Hinweis: Wenn vorhanden, geben Sie die Position zurück. Wenn nicht, geben Sie -1 zurück.

<script>
    console.log( String.fromCharCode( 97 ) );//a
    console.log( String.fromCharCode( 65 ) );//A
</script>
Nach dem Login kopieren

5.lastIndexOfFunktion:

gibt den angegebenen Wert zurück, bei dem das letzte

der Zeichenfolge

erscheint, wenn diese Methode aufgerufen wird. Syntax: number string.indexOf((searchValue [, fromIndex]));
Parameter: searchValue
bedeutet Die zu suchende Zeichenfolge. fromIndex bezieht sich darauf, wo mit der Suche begonnen werden soll. Der Standardwert ist str.length-1. Rückgabewert: Gibt eine Zahl zurück.
Hinweis: Wenn vorhanden, geben Sie die Position zurück. Wenn nicht, geben Sie -1 zurück.

<script>
    var str="abcabcabc";
    console.log(str.indexOf("a"));//0
    console.log(str.indexOf("b"));//1
    console.log(str.indexOf("z"));//-1
    console.log(str.indexOf("ab"));//0
    console.log(str.indexOf("ac"));//-1
    console.log(str.indexOf("bc",0));//1
    console.log(str.indexOf("bc",-2));//1
    console.log(str.indexOf("bc",18));//-1
</script>
Nach dem Login kopieren

6.sliceFunktion: Die

-Methode extrahiert einen Teil der Zeichenfolge und gibt diese neue Zeichenfolge

zurück (einschließlich der Startposition, nicht der Endposition).

Syntax: string string.slice((star [, end]));
Parameter: star is Bezieht sich auf die Startposition des abgefangenen
, Ende bezieht sich auf die Endposition des abgefangenen , und der Standardwert ist die Position des letzten Zeichens + 1 (die Länge der Zeichenfolge). Rückgabewert: Gibt die abgefangene Zeichenfolge zurück.
Hinweis:

tauscht Parameterpositionen nicht basierend auf der Parametergröße

  • aus, falls vorhanden Negative Werte werden ab Ende verarbeitet.

    -1 bezieht sich auf das letzte Element, -2 bezieht sich auf das vorletzte Element.
<script>
    var str="abcabc";
    console.log(str.slice(2));//"cabc"
    console.log(str.slice(0,2));//"ab"
    console.log(str.slice(2,2));//""
    console.log(str.slice(2,-1));//"cab"
    console.log(str.slice(2,-6));//""
    console.log(str.slice(2,1));//""
    console.log(str.slice(-2,-1));//"b"
</script>
Nach dem Login kopieren

7.substring

作用: 方法提取字符串中的一部分,并返回这个新的字符串(包含起始位置,不包含结束位置)
语法: string string.slice((star [, end]));
参数: star是指截取的起始位置,end是指截取的结束位置,默认为最后一个字符的位置+1 ( 字符串的长度 )。
返回值:  返回 截取后的字符串。

注意:

  • 会根据起始位置和结束位置的大小先进行参数位置的变换

  • 会把负值转换成0

<script>
    var str="abcabc";
    console.log(str.substring(2));//"cabc"
    console.log(str.substring(0,2));//"ab"
    console.log(str.substring(2,2));//""
    console.log(str.substring(2,-1));//"ab"
    console.log(str.substring(2,-6));//"ab"
    console.log(str.substring(2,1));//"b"
    console.log(str.substring(-2,-1));//""
</script>
Nach dem Login kopieren

8.substr

作用: 截取指定 起始位置长度子字符串.
语法: string string.substr(start [, length]);
参数: start :截取的起始位置 。length:截取的字符串长度,默认为字符长度。
返回值: 返回截取后的字符串

<script>
    var str="abcabcabcabc";
    console.log(str.substr(0));//abcabcabcabc
    console.log(str.substr(3));//abcabcabc
    console.log(str.substr(3,5));//abcab
    console.log(str.substr(3,-1));""
</script>
Nach dem Login kopieren

9.toLowerCase

1.toLowerCase
作用: 把字符串全部转成小写
语法: string string.toLowerCase();
返回值: 返回转成小写的字符串。

2.toUpperCase
作用: 把字符串全部转成大写
语法: string string.toUpperCase();
返回值: 返回转成大写的字符串。

<script>
        var str = "liangZhiFANG";
        console.log( str.toLowerCase() );//"liangzhifang"
        console.log( str.toUpperCase() );//"LIANGZHIFANG"
        console.log( str );//"liangZhiFANG"
        console.log( "LoveJs".toLowerCase() );//"lovejs"
</script>
Nach dem Login kopieren

10.split

作用: 通过一个指定的字符串 把原字符串分割成一个数组
语法: array string.split([separator] [, limit])
参数:separator是指分割符。limit指定最多分割的数量,可以理解为数组长度,默认为全部。
返回值:返回一个数组。
注意:没有分割符的时候(没有传入参数),整个字符串将作为一个整体保存到数组中。 用分割符分割的时候,分割符会在被删除了在传入数组。

<script>
        var str="我爱,你,们";
        console.log(str.split(","));//["我爱","你","们"]
        console.log(str.split(",",2));//["我爱","你"]
        console.log(str.split());//["我爱,你,们"]
        console.log(str.split("mmm"));//["我爱,你,们"]
        console.log(str.split(""));//["我", "爱", "," , "你", "," ,"们"]
    </script>
Nach dem Login kopieren

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

使用前端方法实现图片转字符画

实战中使用CSS技巧分享

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zur Verwendung der JS-String-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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