Derniers tutoriels de développement web
 

JavaScript Méthodes de cordes


méthodes String vous aider à travailler avec des cordes.


Méthodes de cordes et Propriétés

Les valeurs primitives, comme "John Doe" , ne peuvent pas avoir des propriétés ou des méthodes (parce qu'ils ne sont pas des objets).

Mais avec JavaScript, méthodes et propriétés sont également disponibles pour les valeurs primitives, parce que JavaScript traite les valeurs primitives comme des objets lors de l'exécution des méthodes et propriétés.


Longueur de chaîne

La length propriété renvoie la longueur d'une chaîne:

Exemple

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Essayez - le vous - même »

Trouver une chaîne dans une chaîne

Le indexOf() méthode retourne l'indice de (la position de) la première occurrence d'un texte spécifié dans une chaîne:

Exemple

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");
Essayez - le vous - même »

Le lastIndexOf() méthode renvoie l'index de la dernière occurrence d'un texte spécifié dans une chaîne:

Exemple

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");
Essayez - le vous - même »

Tant le indexOf() et le lastIndexOf() méthodes renvoient -1 si le texte n'a pas été trouvé.

JavaScript compte des positions de zéro.
0 est la première position dans une chaîne, 1 est la seconde, la figure 2 est le troisième ...

Les deux méthodes acceptent un second paramètre en tant que position de départ de la recherche.


Recherche d'un caractère dans une chaîne

La search() méthode recherche une chaîne pour une valeur spécifiée et renvoie la position du match:

Exemple

var str = "Please locate where 'locate' occurs!";
var pos = str.search("locate");
Essayez - le vous - même »

As-tu remarqué?

Les deux méthodes, indexOf() et search() , sont égaux.

Ils acceptent les mêmes arguments (paramètres), et ils retournent la même valeur.

Les deux méthodes sont égaux, mais la search() méthode peut prendre des valeurs de recherche beaucoup plus puissants.

Vous en apprendrez plus sur les valeurs de recherche puissants dans le chapitre sur les expressions régulières.


Extrayant les parties à Cordes

Il existe 3 méthodes pour extraire une partie d'une chaîne:

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

La slice() Méthode

slice() extrait une partie d'une chaîne et renvoie la partie extraite dans une nouvelle chaîne.

La méthode prend 2 paramètres: l'indice de départ (position), et l'indice de fin (de position).

Cet exemple tranches sur une partie d'une chaîne à partir de la position 7 à la position 13:

Exemple

var str = "Apple, Banana, Kiwi";
var res = str.slice(7,13);

Le résultat de la chose sera:

Banana
Essayez - le vous - même »

Si un paramètre est négatif, la position est comptée à partir de la fin de la chaîne.

Cet exemple tranches sur une partie d'une chaîne de la position -12 à la position -6:

Exemple

var str = "Apple, Banana, Kiwi";
var res = str.slice(-12,-6);

Le résultat de la chose sera:

Banana
Essayez - le vous - même »

Si vous omettez le deuxième paramètre, la méthode tranche sur le reste de la chaîne:

Exemple

var res = str.slice(7);
Essayez - le vous - même »

ou, à compter de la fin:

Exemple

var res = str.slice(-12);
Essayez - le vous - même »

Les positions négatives ne fonctionnent pas dans Internet Explorer 8 et plus tôt.


Le substring() Méthode

substring() est similaire à slice() .

La différence est que substring() ne peut pas accepter des index négatifs.

Exemple

var str = "Apple, Banana, Kiwi";
var res = str.substring(7,13);

Le résultat de res sera:

Banana
Essayez - le vous - même »

Si vous omettez le deuxième paramètre, substring() va trancher le reste de la chaîne.


Le substr() Méthode

substr() est similaire à slice() .

La différence est que le deuxième paramètre spécifie la length de la partie extraite.

Exemple

var str = "Apple, Banana, Kiwi";
var res = str.substr(7,6);

Le résultat de la chose sera:

Banana
Essayez - le vous - même »

Si le premier paramètre est négatif, la position compte de la fin de la chaîne.

Le second paramètre ne peut pas être négatif, car il définit la longueur.

Si vous omettez le deuxième paramètre, substr() va trancher le reste de la chaîne.


Remplacement du contenu Chaîne

Le replace() méthode remplace une valeur spécifiée avec une autre valeur dans une chaîne:

Exemple

str = "Please visit Microsoft!";
var n = str.replace("Microsoft","w3ii");
Essayez - le vous - même »

Le replace() méthode peut également prendre une expression régulière comme la valeur de recherche.

Par défaut, le replace() fonction ne remplace que le premier match. Pour remplacer toutes les correspondances, utilisez une expression régulière avec ag ​​drapeau (pour correspondance globale):

Exemple

str = "Please visit Microsoft!";
var n = str.replace(/Microsoft/g,"w3ii");
Essayez - le vous - même »

Le replace() méthode ne change pas la chaîne , il est appelé. Il renvoie une nouvelle chaîne.


Conversion en Haute et Basse-Case

Une chaîne est convertie en majuscules avec toUpperCase() :

Exemple

var text1 = "Hello World!";       // String
var text2 = text1.toUpperCase();  // text2 is text1 converted to upper
Essayez - le vous - même »

Une chaîne est converti en minuscules avec toLowerCase() :

Exemple

var text1 = "Hello World!";       // String
var text2 = text1.toLowerCase();  // text2 is text1 converted to lower
Essayez - le vous - même »

La concat() Méthode

concat() se joint à deux ou plusieurs chaînes:

Exemple

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);
Essayez - le vous - même »

La concat() méthode peut être utilisée à la place de l'opérateur plus. Ces deux lignes font la même chose:

Exemple

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

Toutes les méthodes de chaînes renvoient une nouvelle chaîne. Ils ne modifient pas la chaîne d'origine.
Formellement dit: Les chaînes sont immuables: Strings ne peut pas être changé, seulement remplacé.


Extraction cordes Caractères

Il existe 2 méthodes sécuritaires pour extraire les chaînes de caractères:

  • charAt(position)
  • charCodeAt(position)

Le charAt() Méthode

Le charAt() méthode renvoie le caractère à un index spécifié (position) dans une chaîne:

Exemple

var str = "HELLO WORLD";
str.charAt(0);            // returns H
Essayez - le vous - même »

Le charCodeAt() Méthode

Le charCodeAt() méthode renvoie l'unicode du caractère à un index spécifié dans une chaîne:

Exemple

var str = "HELLO WORLD";

str.charCodeAt(0);         // returns 72
Essayez - le vous - même »

Accès à une chaîne comme un tableau est dangereux

Vous pourriez avoir vu code comme ceci, l'accès à une chaîne comme un tableau:

var str = "HELLO WORLD";

str[0];                   // returns H

Ceci est dangereux et imprévisible:

  • Il ne fonctionne pas dans tous les navigateurs (pas dans IE5, IE6, IE7)
  • Il rend les chaînes ressemblent à des tableaux (mais ils ne sont pas)
  • str[0] = "H" ne donne pas une erreur (mais ne fonctionne pas)

Si vous voulez lire une chaîne comme un tableau, le convertir en un premier réseau.


Conversion d'une chaîne à un tableau

Une chaîne peut être converti en un tableau avec le split() méthode:

Exemple

var txt = "a,b,c,d,e";   // String
txt.split(",");          // Split on commas
txt.split(" ");          // Split on spaces
txt.split("|");          // Split on pipe
Essayez - le vous - même »

Si le séparateur est omis, le tableau retourné contiendra l'ensemble de la chaîne dans l'index [0].

Si le séparateur est "", le tableau retourné sera un tableau de caractères simples:

Exemple

var txt = "Hello";       // String
txt.split("");           // Split in characters
Essayez - le vous - même »

Chaîne complète de référence

Pour une référence complète, accédez à notre Complete Référence JavaScript Chaîne .

La référence contient des descriptions et des exemples de toutes les propriétés et méthodes string.


Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 » Exercice 4» Exercice 5 » Exercice 6»