Maison > interface Web > js tutoriel > La différence entre slice, SubString et SubStr en javascript

La différence entre slice, SubString et SubStr en javascript

yulia
Libérer: 2018-09-08 16:34:04
original
1708 Les gens l'ont consulté


slice() Définition et utilisation La méthode
slice() renvoie les éléments sélectionnés à partir d'un tableau existant.
string.slice(start, end) extrait une chaîne
string.substring(start, end) extrait une chaîne, end ne prend pas en charge les nombres négatifs
string.substr(start, len) extrait une longueur de La chaîne de len

1, slice et substring reçoivent la position de départ et la position de fin (à l'exclusion de la position de fin), tandis que substr reçoit la position de départ et la longueur de la chaîne à renvoyer. Regardez directement l'exemple suivant :

 var test = 'hello world';
 alert(test.slice(4,7));             //o w
 alert(test.substring(4,7));         //o w
 alert(test.substr(4,7));            //o world\
Copier après la connexion

2. La sous-chaîne utilise le plus petit des deux paramètres comme position de départ et le plus grand paramètre comme position de fin. Par exemple :

 alert(test.substring(7,4)); //o w
Copier après la connexion

3. Lorsque le paramètre reçu est un nombre négatif, slice ajoutera la longueur de sa chaîne au nombre négatif correspondant, et le résultat sera utilisé comme paramètre ; substr n'ajoutera que le premier. Le résultat de l'ajout des deux paramètres à la longueur de la chaîne est utilisé comme premier paramètre, la sous-chaîne convertit simplement tous les paramètres négatifs directement en 0 ; Le code de test est le suivant :

var test = 'hello world';
alert(test.slice(-3));         //rld
alert(test.substring(-3));     //hello world
alert(test.substr(-3));        //rld
alert(test.slice(3,-4));       //lo w
alert(test.substring(3,-4));   //hel
alert(test.substr(3,-4));      //空字符串
Copier après la connexion

Définition et utilisation

La méthode slice() renvoie les éléments sélectionnés dans un tableau existant.
Syntaxe : arrayObject.slice(start,end)
start : obligatoire. Spécifie où commencer la sélection. S'il est négatif, il spécifie la position à partir de la fin du tableau. Autrement dit, -1 fait référence au dernier élément, -2 fait référence à l'avant-dernier élément, et ainsi de suite.
fin : facultatif. Spécifie où se termine la sélection. Ce paramètre est l'index du tableau à la fin du fragment de tableau. Si ce paramètre n'est pas spécifié, le tableau divisé contient tous les éléments du début à la fin du tableau. Si ce paramètre est négatif, il précise les éléments en commençant par la fin du tableau.
Valeur de retour : renvoie un nouveau tableau contenant les éléments de arrayObject du début à la fin (à l'exclusion de cet élément).
Remarque : Veuillez noter que cette méthode ne modifie pas le tableau, mais renvoie un sous-tableau. Si vous souhaitez supprimer un segment d'éléments d'un tableau, vous devez utiliser la méthode Array.splice().

Remarque : vous pouvez utiliser des valeurs négatives pour sélectionner des éléments de la queue du tableau.
Si end n'est pas spécifié, la méthode slice() sélectionnera tous les éléments du début à la fin du tableau.

Exemple : Dans cet exemple, nous allons créer un nouveau tableau puis afficher les éléments sélectionnés dans celui-ci :

<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(arr.slice(1) + "<br />")
document.write(arr)
</script>
Copier après la connexion

Sortie :
George,John,Thomas
John ,Thomas
George,John,Thomas

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal