Explication détaillée des étapes d'utilisation de la méthode de chaîne JS

Cette fois, je vous apporte une explication détaillée des étapes pour utiliser la méthode JS string , et quelles sont les précautions lors de l'utilisation de la méthode JS string. Voici des cas pratiques, jetons un coup d'oeil.

1. Instructions de lecture de la méthode

Type de valeur de retour Objet .Nom de la méthode (paramètre 1 [, paramètre 2]); >
2. Chaîne

返回值类型：指的是函数调用结束后返回的值的类型。
对象.方法名称：指的是调用方法。
参数列表：表示函数调用时传入的参数。[]表示可选参数，可写可不写。

définition :

"" ou une paire de '' Enveloppé dans 0 caractères ou plus , c'est une chaîne. Longueur de la chaîne :

string.length;

3.charAt

var str1="abc";
var str2="";
var str3=" ";
console.log(str1.length);//3
console.log(str2.length);//0
console.log(str3.length);//1

Fonction :

correspondant à . Syntaxe :
string string.charAt(index);Paramètres : l'index fait référence à
0 à la longueur de chaîne-1 Un entier. Valeur de retour : Renvoie le caractère
à la position correspondante de la chaîne . Remarque :

- 如果传入参数小于0或者大于 字符串长度-1，则返回空字串。
- 如果传入boolean值，如果为true，默认是转化为数字1，指到字符串第二个字符。如果为false，默认是转化为数字0，指到字符串第一个字符。
- 如果传入任意字符串，则指到字符串第一个字符。

<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>

Fonction :

Valeur numérique Unicode Syntaxe :
number string.charCodeAt(index); Paramètres : index fait référence à
0 à la longueur de la chaîne de caractères - un entier . Valeur de retour : Renvoie la valeur Unicode
du caractère correspondant à la chaîne . Remarque :

Si le paramètre entrant est inférieur à 0 ou
est supérieur à la longueur de la chaîne-1, une chaîne vide sera restitué. NAN est renvoyé. 4.fromCharCode

<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>

Fonction :

Syntaxe :
string String.fromCharCode(index);Paramètres : index fait référence à la transmission de n'importe quel entier.
Valeur de retour : Renvoie la chaîne
correspondant à la Valeur Unicode. Petit exemple de chiffrement et de décryptage

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

Fonction :

La position où apparaît pour la première fois. Syntaxe :
number string.indexOf((searchValue [, fromIndex]));Paramètres :
searchValue signifie La chaîne à trouver. fromIndex fait référence à l'endroit où commencer la recherche. La valeur par défaut est 0. Valeur de retour : Renvoie un nombre.
Remarque : S'il existe, renvoyez la position, sinon, renvoyez -1.
5.lastIndexOf

<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>

Fonction :

de la chaîne apparaît lorsque cette méthode est appelée. Syntaxe :
number string.indexOf((searchValue [, fromIndex]));Paramètres :
searchValue signifie La chaîne à trouver. fromIndex fait référence à l'endroit où commencer la recherche. La valeur par défaut est str.length-1. Valeur de retour : Renvoie un nombre.
Remarque : S'il existe, renvoyez la position, sinon, renvoyez -1.
6.slice

<script>
        var str="abcabcabc";
        console.log(str.lastIndexOf("a"));//6
        console.log(str.lastIndexOf("b"));//7
        console.log(str.lastIndexOf("z"));//-1
        console.log(str.lastIndexOf("ab"));//6
        console.log(str.lastIndexOf("ac"));//-1
        console.log(str.lastIndexOf("bc",0));//-1
        console.log(str.lastIndexOf("bc",-2));//-1
        console.log(str.lastIndexOf("bc",18));//7
</script>

Fonction : La méthode

(y compris la position de départ, Ne pas inclure la position finale) Syntaxe :
string string.slice((star [, end]));Paramètres : Star fait référence à la
position de départ interceptée, end fait référence à la position de fin interceptée , et la valeur par défaut est la position du dernier caractère + 1 (la longueur de la chaîne). Valeur de retour : Renvoie la chaîne interceptée.
Remarque :

• s'il y en a Les valeurs négatives sont traitées depuis la fin.
-1 fait référence au dernier élément, -2 fait référence à l'avant-dernier élément.

<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>

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>

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>

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>

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>

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

推荐阅读：

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

实战中使用CSS技巧分享

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!