JavaScript : méthodes pour travailler avec des chaînes. Tâches sur les fonctions pour travailler avec des chaînes en JavaScript Fonctions Jquery pour travailler avec des chaînes

05.01.2024

Une chaîne est une séquence d'un ou plusieurs caractères pouvant contenir des lettres, des chiffres et d'autres symboles. En JavaScript, il s'agit du type de données immuable le plus simple.

Les chaînes vous permettent d'afficher et de manipuler du texte, et le texte est le principal moyen de communiquer et de transmettre des informations sur le Web. Les chaînes sont donc l’un des principaux concepts de la programmation.

Ce didacticiel vous apprendra comment créer et afficher une sortie de chaîne, concaténer des chaînes et les stocker dans des variables. Vous découvrirez également les règles d'utilisation des guillemets, des apostrophes et des nouvelles lignes en JavaScript.

Créer et visualiser une chaîne

Il existe trois façons de créer une chaîne en JavaScript : elles peuvent être écrites entre guillemets simples ('), guillemets doubles (') ou backticks (`). Bien que les scripts contiennent parfois les trois types de chaînes, un seul type de guillemets doit être utilisé sur une seule ligne.

Les chaînes entre guillemets simples et doubles sont essentiellement la même chose. Il n'existe aucune convention concernant l'utilisation d'un type de guillemets ou d'un autre, mais il est généralement recommandé d'utiliser un type de manière cohérente dans les scripts de programme.

"Cette chaîne utilise des guillemets simples.";
"Cette chaîne utilise des guillemets doubles.";

La troisième et la plus récente façon de créer une chaîne est appelée un modèle littéral. Les littéraux de modèle sont écrits entre guillemets (également appelés backticks) et fonctionnent comme des chaînes normales, avec quelques fonctionnalités supplémentaires que nous aborderons dans cet article.

`Cette chaîne utilise des backticks.`;

Le moyen le plus simple d'afficher le résultat d'une chaîne consiste à la saisir dans la console à l'aide de console.log().

console.log("Ceci est une chaîne dans la console.");
Il s'agit d'une chaîne dans la console.

Un autre moyen simple d'interroger la valeur d'une chaîne consiste à utiliser une fenêtre contextuelle de navigateur, qui peut être invoquée à l'aide de alert() :

alert("Ceci est une chaîne dans une alerte.");

Cette ligne ouvrira une fenêtre de notification dans le navigateur avec le texte suivant :

Il s'agit d'une chaîne dans une alerte.

La méthode alert() est utilisée moins fréquemment car les alertes doivent être constamment fermées.

Stockage de chaînes dans des variables

Les variables en JavaScript sont nommées conteneurs qui stockent des valeurs à l'aide des mots-clés var, const ou let. Les chaînes peuvent être affectées à des variables.

const newString = "Ceci est une chaîne affectée à une variable.";

La variable newString contient désormais une chaîne qui peut être référencée et affichée à l'aide de la console.

console.log(newString);
Il s'agit d'une chaîne affectée à une variable.

En attribuant des chaînes à des variables, vous n'avez pas besoin de retaper la chaîne à chaque fois que vous souhaitez la sortir, ce qui facilite le travail avec les chaînes dans les programmes.

Concaténation de chaînes

La concaténation de chaînes est le processus de combinaison de deux ou plusieurs chaînes en une nouvelle chaîne. La concaténation se fait à l'aide de l'opérateur +. Le symbole + est également l'opérateur d'addition dans les opérations mathématiques.

Par exemple, essayez de concaténer deux chaînes courtes :

« Mer » + « cheval » ;
hippocampe

La concaténation joint la fin d'une chaîne au début d'une autre chaîne sans insérer d'espaces. Pour avoir un espace entre les lignes, il faut l'ajouter à la fin de la première ligne.

« Mer » + « cheval » ;
Hippocampe

La concaténation vous permet de combiner des chaînes et des variables avec des valeurs de chaîne.

const favePoem = "Mon poème préféré est " + poème + " de " + auteur ".";

Les nouvelles chaînes résultant de la concaténation peuvent être utilisées dans le programme.

Variables avec des littéraux de modèle

L'une des fonctionnalités des littéraux de modèle est la possibilité d'inclure des expressions et des variables dans la chaîne. Au lieu de la concaténation, vous pouvez utiliser la syntaxe $() pour insérer une variable.

const poème = "Le vaste océan" ;
const auteur = "Pablo Neruda";
const favePoem = `Mon poème préféré est $(poem) de $(author).`;
Mon poème préféré est The Wide Ocean de Pablo Neruda.

Cette syntaxe permet d'obtenir le même résultat. Les littéraux de modèle facilitent la concaténation de chaînes.

Littéraux de chaîne et valeurs de chaîne

Comme vous l'avez peut-être remarqué, toutes les chaînes sont écrites entre guillemets ou guillemets arrière, mais lors de la sortie, la chaîne ne contient pas de guillemets.

"Au-delà de la mer";
Au-delà de la mer

Une chaîne littérale est la chaîne telle qu'elle apparaît dans le code source, y compris les guillemets. La valeur de chaîne est la chaîne qui apparaît dans la sortie (sans les guillemets).

Dans cet exemple, « Beyond the Sea » est une chaîne littérale et Beyond the Sea est une valeur de chaîne.

Traversée des guillemets et des apostrophes dans les chaînes

Étant donné que les guillemets sont utilisés pour désigner des chaînes, il existe des règles spéciales pour l'utilisation des apostrophes et des guillemets dans les chaînes. Par exemple, JavaScript interprétera une apostrophe au milieu d'une chaîne entre guillemets simples comme un guillemet simple fermant et tentera de lire le reste de la chaîne prévue sous forme de code.

Considérez cet exemple :

const BrokenString = "Je suis une chaîne cassée";
console.log(brokenString);
inconnu : jeton inattendu (1:24)

La même chose se produit si vous essayez d’utiliser des guillemets doubles dans une chaîne entre guillemets doubles. L’interprète ne remarquera pas la différence.

Pour éviter de telles erreurs, vous pouvez utiliser :

Syntaxe de chaîne différente.
Symboles d'évasion.
Littéral de modèle.

Syntaxe de chaîne alternative

Le moyen le plus simple de contourner ce problème consiste à utiliser la syntaxe opposée à celle que vous utilisez dans le script. Par exemple, mettez les chaînes avec des apostrophes entre guillemets :

"Nous utilisons en toute sécurité une apostrophe entre guillemets."

Les chaînes avec des guillemets peuvent être placées entre guillemets simples :

"Puis il a dit : "Bonjour tout le monde !"" ;

En combinant des guillemets simples et doubles, vous pouvez contrôler l’affichage des guillemets et des apostrophes dans les chaînes. Cependant, cela affectera la cohérence de la syntaxe des fichiers du projet, ce qui les rendra difficiles à maintenir.

Caractère d'échappement \

En utilisant une barre oblique inverse, JavaScript n'interprétera pas les guillemets comme des guillemets fermants.

La combinaison \' sera toujours traitée comme une apostrophe et \" comme des guillemets doubles, sans exception.

Cela permet d'utiliser des apostrophes dans des chaînes entre guillemets simples et des guillemets dans des chaînes entre guillemets doubles.

"Nous utilisons en toute sécurité une apostrophe entre guillemets simples.\"
"Puis il a dit : « Bonjour, tout le monde ! » » ;

Cette méthode semble un peu compliquée. Mais c'est nécessaire si la même ligne contient à la fois une apostrophe et des guillemets doubles.

Littéraux de modèle

Les littéraux de modèle sont définis par des guillemets arrière, de sorte que les guillemets doubles et les apostrophes peuvent être utilisés en toute sécurité sans aucune manipulation supplémentaire.

`Nous utilisons en toute sécurité des apostrophes et des "guillemets" dans un modèle littéral.`;

Les littéraux de modèle évitent non seulement les erreurs lors de l'affichage des guillemets et des apostrophes, mais prennent également en charge les expressions en ligne et les blocs multilignes, comme indiqué dans la section suivante.

Lignes multilignes et nouvelle ligne

Dans certaines situations, il est nécessaire d'insérer un caractère de nouvelle ligne ou un saut de ligne. Les caractères d'échappement \n ou \r aideront à insérer une nouvelle ligne dans la sortie du code.

const threeLines = "Ceci est une chaîne\nqui s'étend sur\ntrois lignes.";
Ceci est une chaîne
qui s'étend à travers
trois lignes.

Cela divisera la sortie en plusieurs lignes. Cependant, s’il y a de longues lignes dans le code, elles seront difficiles à utiliser et à lire. Pour afficher une chaîne sur plusieurs lignes, utilisez l'opérateur de concaténation.

const threeLines = "Ceci est une chaîne\n" +
"qui s'étend sur\n" +
"trois lignes.";

Vous pouvez également échapper à une nouvelle ligne en utilisant le caractère d'échappement \.

const threeLines = "Ceci est une chaîne\n\
qui s'étend sur\n\
trois lignes.";

Note: Cette méthode n'est pas recommandée car elle peut causer des problèmes dans certains navigateurs.

Pour rendre votre code lisible, utilisez des littéraux de modèle. Cela élimine la concaténation et les caractères d'échappement.

const threeLines = `Ceci est une chaîne
qui s'étend à travers
trois lignes.`;
Ceci est une chaîne
qui s'étend à travers
trois lignes.

Étant donné que différentes bases de code peuvent utiliser des normes différentes, il est important de connaître toutes les façons de rompre sur une nouvelle ligne et de créer des chaînes multilignes.

Conclusion

Maintenant que vous connaissez les principes de base de l'utilisation de chaînes en JavaScript, vous pouvez créer des chaînes et des littéraux de modèles, effectuer une concaténation et un parcours et attribuer des chaînes à des variables.

Mots clés:

Lorsque j'écris en javascript, je dois souvent me tourner vers les moteurs de recherche afin de clarifier la syntaxe des méthodes (et l'ordre, définition des arguments) qui fonctionnent avec des chaînes.

Dans cet article, je vais essayer de donner des exemples et des descriptions des méthodes javascript les plus courantes liées aux chaînes. Les méthodes les plus populaires sont situées en haut de l’article pour plus de commodité.

Convertir en chaîne

Vous pouvez convertir un nombre, un booléen ou un objet en chaîne.

Var monNuméro = 24 ; // 24 var maChaîne = monNombre.toString(); // "24"

Vous pouvez également effectuer une manipulation similaire en utilisant la fonction string().

Var monNuméro = 24 ; // 24 var maChaîne = Chaîne(monNuméro); // "24"

Nicholas Zakas dit : "Si vous n'êtes pas sûr de la valeur (nulle ou non définie), utilisez la fonction String(), car elle renvoie une chaîne quel que soit le type de la variable."

indéfini signifie que la variable ne reçoit aucune valeur, un nul, - qu'on lui attribue une valeur vide (on peut dire que null est défini comme un objet vide).

Diviser une chaîne en sous-chaînes

Pour diviser une chaîne en un tableau de sous-chaînes, vous pouvez utiliser la méthode split() :

Var myString = "se séparer, aux, virgules"; var substringArray = maChaîne.split(","); // ["venant", "à part", "à", "le", "virgules"] var arrayLimited = myString.split(",", 3); // ["à venir", "à part", "à"]

Comme le suggère la dernière ligne, la valeur du deuxième argument facultatif détermine le nombre d'éléments dans le tableau renvoyé.

Obtenir la longueur de la chaîne

En utilisant la propriété length, vous pouvez trouver le nombre de caractères Unicode dans une chaîne :

Var myString = "Vous êtes un sacré personnage."; var stringLength = myString.length; // 25

Définir une sous-chaîne dans une chaîne

Il existe deux manières de réaliser votre projet :

Utilisez indexOf() :

Var stringOne = "Johnny Waldo Harrison Waldo"; var oùsWaldo = stringOne.indexOf("Waldo"); // 7

La méthode indexOf() recherche une sous-chaîne (le premier argument passé) dans une chaîne (à partir du début de la chaîne) et renvoie la position du premier caractère à partir duquel la sous-chaîne a commencé à apparaître dans la chaîne.

Utilisez lastIndexOf() :

Var stringOne = "Johnny Waldo Harrison Waldo"; var oùsWaldo = stringOne.lastIndexOf("Waldo"); // 22

La méthode lastIndexOf() fait tout de même, sauf qu'elle recherche la dernière sous-chaîne qui apparaît dans la chaîne.

Si la sous-chaîne n'est pas trouvée, les deux méthodes renvoient -1. Le deuxième argument facultatif spécifie la position dans la chaîne où vous souhaitez démarrer la recherche. Ainsi, si le deuxième argument de la méthode indexOf() est 5, alors la recherche commencera à partir du 5ème caractère et les caractères 0 à 4 seront ignorés. Pour lastIndexOf() , même si le deuxième argument est 5, la recherche commencera dans la direction opposée, les caractères 6ème et supérieurs étant ignorés.

Comment remplacer une partie d'une chaîne

Pour remplacer une partie (ou même la totalité) d’une chaîne, utilisez la méthode replace().

Cogneur du Var = « Josh Hamilton » ; var betterSlugger = slugger.replace("h Hamilton", "e Bautista"); console.log(meilleurSlugger); // "José Bautista"

Le premier argument contient la partie de la sous-chaîne qui doit être remplacée ; le deuxième argument est la chaîne qui remplacera la sous-chaîne. Seule la première instance de la sous-chaîne sera remplacée.

Pour remplacer toutes les occurrences d'une sous-chaîne, utilisez une expression régulière avec l'indicateur "g".

Var myString = "Elle vend des coques automobiles sur le rivage automobile"; var newString = myString.replace(/automotive/g, "sea"); console.log(newString); // "Elle vend des coquillages au bord de la mer"

Le deuxième argument peut inclure la sous-chaîne ou la fonction à remplacer.

Trouver un personnage à une position donnée

Pour savoir quel caractère se trouve à une position donnée, vous pouvez utiliser la méthode charAt() :

Var myString = "Les oiseaux d'une plume"; var whatsAtSeven = maString.charAt(7); // "F"

Comme c'est souvent le cas en javascript, la première position commence à 0 et non à 1.

Alternativement, vous pouvez utiliser la méthode charCodeAt(), mais au lieu du caractère lui-même, vous recevrez son code.

Var myString = "Les oiseaux d'une plume"; var whatsAtSeven = myString.charCodeAt(7); // "102" var whatsAtEleven = myString.charCodeAt(11); // "70"

A noter que le code d'une lettre majuscule (position 11) est différent du code de la même lettre en minuscule (position 7).

Concaténation de chaînes en javascript

Pour la plupart, vous utiliserez l’opérateur (+) pour concaténer des chaînes. Mais vous pouvez également concaténer des chaînes en utilisant la méthode concat().

Var stringOne = "Football Knibb High"; var stringTwo = stringOne.concat("règles."); // "Règles du football de Knibb High"

Plusieurs chaînes peuvent être transmises à concat() et la chaîne résultante apparaîtra dans l'ordre dans lequel elles ont été ajoutées à la méthode concat().

Var stringOne = "Knibb"; var stringDeux = "Élevé" ; var stringThree = "football"; var stringFour = "règles."; var finalString = stringOne.concat(stringTwo, stringThree, stringFour); console.log(finalString); // "Règles du football élevé de Knibb."

Partie d'une chaîne (extraire la sous-chaîne en javascript)

Il existe trois manières différentes de créer une nouvelle chaîne en « extrayant » une partie d'une sous-chaîne d'une chaîne existante.

Utilisation de slice() :

Var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.slice(5, 10); // "fghij"

Utilisation de sous-chaîne() :

Var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.substring(5, 10); // "fghij"

Pour les deux méthodes (slice() et substring()), le premier argument est la position du caractère à laquelle commence la sous-chaîne (en comptant à partir de 0), le deuxième argument est la position du caractère à laquelle se termine la sous-chaîne, et le Le caractère désigné dans le deuxième argument n'est pas inclus dans la sous-chaîne renvoyée.

En utilisant substr() :

Var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.substr(5, 10); // "fghijklmno"

Pour la méthode substr, le premier argument spécifie également la position du caractère à laquelle commence la sous-chaîne. Le deuxième argument est facultatif. Mais en même temps, le deuxième argument précise le nombre de caractères qui doivent être inclus dans la sous-chaîne, à partir de la position que nous avons déjà définie dans le premier argument. Cette technique est bien illustrée dans l'exemple ci-dessus.

Conversion d'une chaîne en minuscules ou majuscules en javascript

Il existe quatre méthodes pour effectuer les conversions nécessaires. Deux pour convertir les caractères de chaîne en majuscules.

Var stringOne = "Parlez, je ne peux pas vous entendre."; var stringTwo = stringOne.toLocaleUpperCase(); // "PARLEZ, je ne peux pas vous entendre" var stringThree = stringOne.toUpperCase(); // "PARLEZ, JE NE VOUS ENTENDS PAS"

Et deux pour convertir la chaîne en minuscules :

Var stringOne = "VOUS N'AVEZ PAS À CRIER"; var stringTwo = stringOne.toLocaleLowerCase(); // "vous n'avez pas à crier" var stringThree = stringOne.toLowerCase(); // "tu n'as pas besoin de crier"

En général, il n'y a pas de différence entre une méthode locale et une méthode non locale, cependant, « pour certaines langues, comme le turc, dont la casse des caractères ne suit pas la casse Unicode établie, les conséquences de l'utilisation d'une méthode non locale peuvent sois différent." Par conséquent, suivez la règle suivante : « si vous ne connaissez pas la langue dans laquelle le code s'exécutera, il est plus sûr d'utiliser les méthodes locales ».

Correspondance de modèles en javascript

Vous pouvez vérifier la présence d'un motif dans une chaîne en utilisant 2 méthodes.

La méthode match() est appelée sur un objet chaîne, en passant une expression régulière comme argument à la méthode match().

Var myString = "Quelle quantité de bois un mandrin à bois peut-il contenir"; var monPattern = /.ood/; var monResult = maString.match(monPattern); // ["bois"] var patternLocation = monResult.index; // 9 var originalString = myResult.input // "Quelle quantité de bois un mandrin à bois pourrait-il"

Et la méthode exec() est appelée sur l'objet RegExp, en passant la chaîne en argument :

Var myString = "Quelle quantité de bois un mandrin à bois peut-il contenir"; var monPattern = /.huck/; var monRésultat = monPattern.exec(maChaîne); // ["chuck"] var patternLocation = monResult.index; // 27 var originalString = myResult.input // "Quelle quantité de bois un mandrin à bois pourrait-il"

Les deux méthodes renvoient la première occurrence correspondante. Si aucune correspondance n’est trouvée, NULL sera renvoyé. Si l'expression régulière a l'indicateur "g", le résultat sera un tableau contenant toutes les correspondances.

Vous pouvez également utiliser la méthode search(), qui prend une expression régulière comme argument et renvoie la position de départ du premier modèle correspondant.

Var maChaîne = "Supposer" ; var patternLocation = myString.search(/ume/); // 3

Si aucune correspondance n'est trouvée, la méthode renverra -1.

Comparer deux chaînes pour un tri ultérieur

Pour comparer deux chaînes en fonction de l'ordre de tri des paramètres régionaux, vous pouvez utiliser la méthode localeCompare. La méthode localeCompare renvoie trois valeurs possibles.

MaChaîne = "poulet" ; var maChaîneTwo = "oeuf"; var whichCameFirst = myString.localeCompare(myStringTwo); // -1 (sauf Chrome, qui renvoie -2) whichCameFirst = myString.localeCompare("chicken"); // 0 whichCameFirst = myString.localeCompare("apple"); // 1 (Chrome renvoie 2)

Comme indiqué ci-dessus, une valeur négative sera renvoyée si la chaîne d'origine est triée avant l'argument de chaîne ; si l'argument de chaîne est trié après la chaîne d'origine, +1 est renvoyé. Si null est renvoyé, les deux chaînes sont équivalentes.

Il existe plusieurs façons de sélectionner des sous-chaînes en JavaScript, notamment sous-chaîne(), sousstr(), tranche() et fonctions expression rationnelle.

Dans JavaScript 1.0 et 1.1, sous-chaîne() existe comme le seul moyen simple de sélectionner une partie d’une chaîne plus grande. Par exemple, pour sélectionner la ligne presse depuis Expression, utiliser "Expression".substring(2,7). Le premier paramètre de la fonction est l'index de caractères auquel la sélection commence, tandis que le deuxième paramètre est l'index de caractères auquel la sélection se termine (non compris) : sous-chaîne (2,7) comprend les index 2, 3, 4, 5 et 6.

Dans JavaScript 1.2, les fonctions sousstr(), tranche() Et expression rationnelle peut également être utilisé pour diviser des chaînes.

Substr() se comporte de la même manière que sous-titre le langage Pearl, où le premier paramètre indique l'index de caractère auquel commence la sélection, tandis que le deuxième paramètre spécifie la longueur de la sous-chaîne. Pour effectuer la même tâche que dans l'exemple précédent, vous devez utiliser "Expression".substr(2,5). N'oubliez pas que 2 est le point de départ et 5 est la longueur de la sous-chaîne résultante.

Lorsqu'il est utilisé sur des cordes, tranche() se comporte de la même manière que la fonction sous-chaîne(). Il est cependant beaucoup plus puissant, capable de fonctionner avec n’importe quel type de tableau, pas seulement avec des chaînes. tranche() utilise également des décalages négatifs pour accéder à la position souhaitée, en commençant par la fin de la ligne. "Expression".slice(2,-3) renverra la sous-chaîne trouvée entre le deuxième caractère et le troisième caractère à partir de la fin, en revenant à nouveau sur.

La dernière et la plus universelle méthode pour travailler avec des sous-chaînes consiste à utiliser les fonctions d'expression régulière dans JavaScript 1.2. Encore une fois, en faisant attention au même exemple, la sous-chaîne "presse" obtenu à partir de la chaîne "Expression":

Write("Expression".match(/press/));

Objet intégré Chaîne

Un objet Chaîne Il s'agit d'une implémentation objet d'une valeur de chaîne primitive. Son constructeur ressemble à :

Nouvelle chaîne ( signification?)

Ici signification toute expression de chaîne qui spécifie la valeur primitive d'un objet. Si elle n'est pas spécifiée, la valeur primitive de l'objet est "" .

Propriétés de l'objet String :

constructeur Le constructeur qui a créé l'objet. Nombre de caractères par ligne. prototype Une référence au prototype de classe d'objet.

Méthodes d'objet chaîne standard

Renvoie le caractère à la position donnée dans la chaîne. Renvoie le code du caractère situé à une position donnée dans la chaîne. Renvoie une concaténation de chaînes. Crée une chaîne à partir de caractères spécifiés par les codes Unicode. Renvoie la position de la première occurrence de la sous-chaîne spécifiée. Renvoie la position de la dernière occurrence de la sous-chaîne spécifiée. Compare deux chaînes en fonction de la langue du système d'exploitation. Correspond à une chaîne par rapport à une expression régulière. Fait correspondre une chaîne à une expression régulière et remplace la sous-chaîne trouvée par une nouvelle sous-chaîne. Correspond à une chaîne avec une expression régulière. Récupère une partie d'une chaîne et renvoie une nouvelle chaîne. Divise une chaîne en un tableau de sous-chaînes. Renvoie une sous-chaîne donnée par position et longueur. Renvoie une sous-chaîne spécifiée par les positions de début et de fin. Convertit toutes les lettres d'une chaîne en minuscules, en tenant compte de la langue du système d'exploitation. Convertit toutes les lettres d'une chaîne en majuscules, en tenant compte de la langue du système d'exploitation. Convertit toutes les lettres d'une chaîne en minuscules. Convertit un objet en chaîne. Convertit toutes les lettres d'une chaîne en majuscules. Renvoie la valeur primitive de l'objet.

Méthodes non standard de l'objet String

Crée un signet HTML ( ). Encapsule une chaîne dans des balises . Encapsule une chaîne dans des balises . Encapsule une chaîne dans des balises . Encapsule une chaîne dans des balises . Encapsule une chaîne dans des balises . Encapsule une chaîne dans des balises . Encapsule une chaîne dans des balises . Crée un lien hypertexte HTML (). Encapsule une chaîne dans des balises . Encapsule une chaîne dans des balises . Encapsule une chaîne dans des balises . Encapsule une chaîne dans des balises .

propriété de longueur

Syntaxe : un objet.longueur Les attributs: (DontEnum, DontDelete, Lecture seule)

Valeur de la propriété longueur est le nombre de caractères dans la ligne. Pour une chaîne vide, cette valeur est zéro.

méthode d'ancrage

Syntaxe : un objet.ancre( Nom) Arguments: Nom Résultat: valeur de chaîne

Méthode ancre objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour créer un signet dans un document HTML avec le nom. Par exemple, l'opérateur document.write("Mon texte".anchor("Bookmark")) est équivalent à l'opérateur document.write(" Mon texte") .

grande méthode

Syntaxe : un objet.grand() Résultat: valeur de chaîne

Méthode grand renvoie une chaîne composée de objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte en gros caractères. Par exemple, l'instruction document.write("My text".big()) affichera la chaîne My text sur l'écran du navigateur.

méthode de clignotement

Syntaxe : un objet.clignoter() Résultat: valeur de chaîne

Méthode clignoter renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte dans une police clignotante. Ces balises ne font pas partie du standard HTML et ne sont supportées que par les navigateurs Netscape et WebTV. Par exemple, l'instruction document.write("My text".blink()) affichera la chaîne My text sur l'écran du navigateur.

méthode audacieuse

Syntaxe : un objet.audacieux() Résultat: valeur de chaîne

Méthode audacieux renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte en gras. Par exemple, l'opérateur document.write("My text".bold()) affichera la ligne Mon texte .

méthode charAt

Syntaxe : un objet.charAt( position) Arguments: position n'importe quelle expression numérique Résultat: valeur de chaîne

Méthode charAt renvoie une chaîne composée du caractère situé dans le champ donné postes valeur de chaîne primitive objet. Les positions des caractères de ligne sont numérotées de zéro à un objet. -1. Si la position est en dehors de cette plage, une chaîne vide est renvoyée. Par exemple, l'instruction document.write("String".charAt(0)) imprimera le caractère C sur l'écran du navigateur.

méthode charCodeAt

Syntaxe : un objet.charCodeAt( position) Arguments: position n'importe quelle expression numérique Résultat: valeur numérique

Méthode charAt renvoie un nombre égal au code Unicode du caractère situé dans le champ donné postes valeur de chaîne primitive objet. Les positions des caractères de ligne sont numérotées de zéro à un objet. -1. Si la position est en dehors de cette plage, elle renvoie NaN. Par exemple, l'opérateur document.write("String".charCodeAt(0).toString(16)) affichera le code hexadécimal de la lettre russe "C" sur l'écran du navigateur : 421.

méthode de concaténation

Syntaxe : un objet.concat( ligne0, ligne 1, , chaîneN) Arguments: ligne0, ligne 1, , chaîneN toutes les expressions de chaîne Résultat: valeur de chaîne

Méthode concaténer renvoie une nouvelle chaîne qui est la concaténation de la chaîne d'origine et des arguments de la méthode. Cette méthode est équivalente à l'opération

un objet + ligne0 + ligne 1 + + chaîneN

Par exemple, l'opérateur document.write("Frost and sun.".concat("Wonderful day.")) affichera la ligne Frost and sun sur l'écran du navigateur. C'est une journée merveilleuse.

méthode fixe

Syntaxe : un objet.fixé() Résultat: valeur de chaîne

Méthode fixé renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte dans une police de télétype. Par exemple, l'instruction document.write("My text".fixed()) affichera la chaîne My text sur l'écran du navigateur.

méthode fontcolor

Syntaxe : un objet.fontcolor(couleur) Arguments: couleur expression de chaîne Résultat: valeur de chaîne

Méthode couleur de la police renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises couleur>. Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte dans une couleur spécifiée. Par exemple, l'instruction document.write("My text".fontcolor("red")) affichera la chaîne My text sur l'écran du navigateur.

méthode de taille de police

Syntaxe : un objet.taille de police( taille) Arguments: taille expression numérique Résultat: valeur de chaîne

Méthode taille de police renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte dans une taille de police spécifiée. Par exemple, l'instruction document.write("My text".fontsize(5)) affichera la chaîne My text sur l'écran du navigateur.

Méthode fromCharCode

Syntaxe : String.fromCharCode( code1, code2, , codeN) Arguments: code1, code2, , codeN expressions numériques Résultat: valeur de chaîne

Méthode deCharCode crée une nouvelle chaîne (mais pas un objet chaîne) qui est la concaténation de caractères Unicode avec des codes code1, code2, , codeN.

Il s'agit d'une méthode statique d'un objet Chaîne, vous n'avez donc pas besoin de créer spécifiquement un objet chaîne pour y accéder. Exemple:

Var s = String.fromCharCode(65, 66, 67); // s est égal à "ABC"

méthode indexDe

Syntaxe : un objet.Indice de( sous-chaîne[,Commencer]?) Arguments: sous-chaîne n'importe quelle expression de chaîne Commencer n'importe quelle expression numérique Résultat: valeur numérique

Méthode Indice de renvoie la première position sous-chaînes dans une valeur de chaîne primitive objet. un objet Commencer Commencer Commencer Commencer plus que un objet un objet

La recherche s'effectue de gauche à droite. Sinon, cette méthode est identique à la méthode. L'exemple suivant compte le nombre d'occurrences du modèle de sous-chaîne dans la chaîne str .

La fonction se produit(str, pattern) ( var pos = str.indexOf(pattern); for (var count = 0; pos != -1; count++) pos = str.indexOf(pattern, pos + pattern.length); return count ; )

Méthode italique

Syntaxe : un objet.italique() Résultat: valeur de chaîne

Méthode italique renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte en italique. Par exemple, l'opérateur document.write("My text".italics()) affichera la ligne Mon texte .

Méthode lastIndexOf

Syntaxe : un objet.lastIndexOf( sous-chaîne[,Commencer]?) Arguments: sous-chaîne n'importe quelle expression de chaîne Commencer n'importe quelle expression numérique Résultat: valeur numérique

Méthode dernierIndexDe renvoie la dernière position sous-chaînes dans une valeur de chaîne primitive objet un objet. -1. Si un argument facultatif est donné Commencer, alors la recherche s'effectue à partir de la position Commencer; sinon, alors à partir de la position 0, c'est-à-dire à partir du premier caractère de la ligne. Si Commencer négatif, alors il est pris égal à zéro ; Si Commencer plus que un objet. -1, alors il est pris égal un objet. -1. Si l'objet ne contient pas cette sous-chaîne, alors la valeur -1 est renvoyée.

La recherche s'effectue de droite à gauche. Sinon, cette méthode est identique à la méthode. Exemple:

Var n = "Baleine blanche".lastIndexOf("baleine"); // n est égal à 6

méthode de lien

Syntaxe : un objet.lien( uri) Arguments: uri n'importe quelle expression de chaîne Résultat: valeur de chaîne

Méthode lien renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises uri"> . Il n'y a aucune vérification pour voir si la chaîne source était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour créer un lien hypertexte dans un document HTML avec le spécifié uri. Par exemple, l'instruction document.write("My Text".link("#Bookmark")) est équivalente à l'instruction document.write("My Text") .

Méthode localeCompare

Syntaxe : un objet.localeCompare( ligne 1) Arguments: ligne 1 n'importe quelle expression de chaîne Résultat: nombre

Soutien

Méthode localeComparer compare deux chaînes en tenant compte des paramètres nationaux du système d'exploitation. Il renvoie -1 si valeur primitive objet moins lignes1, +1 s'il est supérieur lignes1, et 0 si ces valeurs sont les mêmes.

méthode de correspondance

Syntaxe : un objet.correspondre( Regvyr) Arguments: Regvyr Résultat: tableau de chaînes

Méthode correspondre Regvyr objet. Le résultat de la correspondance est un tableau de sous-chaînes trouvées ou nul, s'il n'y a pas de correspondance. Où:

Si Regvyr ne contient pas d'option de recherche globale, alors la méthode est exécutée Regvyr.exécutif(un objet) et son résultat est renvoyé. Le tableau résultant contient la sous-chaîne trouvée dans l'élément d'index 0, et les éléments restants contiennent des sous-chaînes correspondant aux sous-expressions Regvyr, entre parenthèses.
Si Regvyr contient une option de recherche globale, puis la méthode Regvyr.exécutif(un objet) est exécuté tant que des correspondances sont trouvées. Si n est le nombre de correspondances trouvées, alors le résultat est un tableau de n éléments contenant les sous-chaînes trouvées. Propriété Regvyr.dernierIndex attribué un numéro de position dans la chaîne source pointant vers le premier caractère après la dernière correspondance trouvée, ou 0 si aucune correspondance n'a été trouvée.

Il faut rappeler que la méthode Regvyr.exécutif modifie les propriétés de l'objet Regvyr. Exemples:

méthode de remplacement

Syntaxe : un objet.remplacer( Regvyr,doubler) un objet.remplacer( Regvyr,fonction) Arguments: Regvyr expression régulière chaîne expression de chaîne fonction nom de fonction ou déclaration de fonction Résultat: nouvelle ligne

Méthode remplacer correspond à une expression régulière Regvyr avec une valeur de chaîne primitive objet et remplace les sous-chaînes trouvées par d'autres sous-chaînes. Le résultat est une nouvelle chaîne, qui est une copie de la chaîne d'origine avec les remplacements effectués. La méthode de remplacement est déterminée par l'option de recherche globale dans Regvyr et le type du deuxième argument.

Si Regvyr ne contient pas d'option de recherche globale, alors la recherche est effectuée pour la première sous-chaîne qui correspond Regvyr et il est remplacé. Si Regvyr contient une option de recherche globale, puis toutes les sous-chaînes correspondant Regvyr, et ils sont remplacés.

doubler, puis chaque sous-chaîne trouvée est remplacée par celle-ci. Dans ce cas, la ligne peut contenir les propriétés d'objet suivantes Expression régulière, comme $1 , , $9 , lastMatch , lastParen , leftContext et rightContext . Par exemple, l'opérateur document.write("Délicieuses pommes, pommes juteuses.".replace(/apples/g, "pears")) affichera la ligne Délicieuses poires, poires juteuses sur l'écran du navigateur.

Si le deuxième argument est fonction, puis chaque sous-chaîne trouvée est remplacée en appelant cette fonction. La fonction a les arguments suivants. Le premier argument est la sous-chaîne trouvée, suivi des arguments correspondant à toutes les sous-expressions Regvyr, entre parenthèses, l'avant-dernier argument est la position de la sous-chaîne trouvée dans la chaîne source, en comptant à partir de zéro, et le dernier argument est la chaîne source elle-même. L'exemple suivant montre comment utiliser la méthode remplacer vous pouvez écrire une fonction pour convertir Fahrenheit en Celsius. Le scénario donné

Fonction myfunc($0,$1) ( return ($1-32) * 5 / 9) + "C"; ) function f2c(x) ( var s = String(x); return s.replace(/(\d+( \.\d*)?)F\b/, myfunc); ) document.write(f2c("212F"));

affichera la ligne 100C sur l’écran du navigateur.

Veuillez noter que cette méthode modifie les propriétés de l'objet Regvyr.

Remplacer l'exemple

Remplacement de toutes les occurrences d'une sous-chaîne dans une chaîne

Il arrive souvent que vous deviez remplacer toutes les occurrences d'une chaîne par une autre chaîne :

Var str = "foobarfoobar"; str=str.replace(/foo/g,"xxx"); // le résultat sera str = "xxxbarxxxbar";

méthode de recherche

Syntaxe : un objet.recherche( Regvyr) Arguments: Regvyr n'importe quelle expression régulière Résultat: expression numérique

Méthode recherche correspond à une expression régulière Regvyr avec une valeur de chaîne primitive objet. Le résultat de la correspondance est la position de la première sous-chaîne trouvée, en partant de zéro, ou de -1 s'il n'y a aucune correspondance. En même temps, l'option de recherche globale dans Regvyr est ignoré et les propriétés Regvyr ne changez pas.

Exemples:

Syntaxe : un objet méthode de tranche Commencer [,.tranche(]?) Arguments: Commencer Et .tranche( fin Résultat: nouvelle ligne

Méthode toutes les expressions numériques objet tranche Commencer, depuis la position .tranche( positionner .tranche( Commencer, sans l'inclure. Si

et jusqu'à la fin de la ligne originale. un objet Les positions des caractères de ligne sont numérotées de zéro à Commencer un objet. +Commencer. -1. Si la valeur .tranche(. Si la valeur un objet. +.tranche( négatif, alors il est remplacé par

. En d’autres termes, les arguments négatifs sont traités comme des décalages par rapport à la fin de la chaîne.

Le résultat est une valeur de chaîne, pas un objet chaîne. Par exemple, l'instruction document.write("ABCDEF".slice(2,-1)) imprimera la chaîne CDE sur l'écran du navigateur.

Syntaxe : un objet.petit() Résultat: valeur de chaîne

Méthode petit renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte en petites polices. Par exemple, l'instruction document.write("My text".small()) affichera la chaîne My text sur l'écran du navigateur.

méthode de fractionnement

Syntaxe : un objet.diviser( délimiteur [,nombre]?) Arguments: délimiteur chaîne ou expression régulière nombre expression numérique Résultat: tableau de chaînes (objet Tableau)

Méthode diviser casse la valeur primitive objetà un tableau de sous-chaînes et le renvoie. La division en sous-chaînes se fait comme suit. La chaîne source est analysée de gauche à droite à la recherche de délimiteur. Une fois trouvée, la sous-chaîne depuis la fin du délimiteur précédent (ou depuis le début de la ligne s'il s'agit de la première occurrence du délimiteur) jusqu'au début de celui trouvé est ajoutée au tableau de sous-chaînes. Ainsi, le séparateur lui-même n'apparaît pas dans le texte de la sous-chaîne.

Argument facultatif nombre spécifie la taille maximale possible du tableau résultant. Si cela est spécifié, alors après sélection Nombres La méthode substring se termine même si l’analyse de la chaîne d’origine n’est pas terminée.

Délimiteur peut être spécifié sous forme de chaîne ou d'expression régulière. Plusieurs cas nécessitent une attention particulière :

L'exemple suivant utilise une expression régulière pour spécifier des balises HTML comme délimiteur. Opérateur

affichera la ligne Texte, en gras et en italique sur l'écran du navigateur.

méthode de frappe

Syntaxe : un objet.grève() Résultat: valeur de chaîne

Méthode grève renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte dans une police barrée. Par exemple, l'instruction document.write("My text".strike()) affichera la chaîne My text sur l'écran du navigateur.

sous-méthode

Syntaxe : un objet.sous() Résultat: valeur de chaîne

Méthode sous renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte sous forme d'indice. Par exemple, l'instruction document.write("My text".sub()) affichera la chaîne My text sur l'écran du navigateur.

méthode substr

Syntaxe : un objet.substr( position [,longueur]?) Arguments: position Et longueur expressions numériques Résultat: valeur de chaîne

Méthode sous-titre renvoie une sous-chaîne de la valeur primitive d'une chaîne objet en commençant par ça postes et contenant longueur personnages. Si longueur n'est pas spécifié, alors une sous-chaîne est renvoyée à partir de celle donnée postes et jusqu'à la fin de la ligne originale. Si longueur est négatif ou nul, une chaîne vide est renvoyée.

et jusqu'à la fin de la ligne originale. un objet. -1. Si position Plus grand ou égal à un objet., puis une chaîne vide est renvoyée. Si position est négatif, alors il est interprété comme un décalage par rapport à la fin de la ligne, c'est-à-dire qu'il est remplacé par un objet.+position.

Note. Si position est négatif, Internet Explorer le remplace par erreur par 0, donc pour des raisons de compatibilité, cette option ne doit pas être utilisée.

Var src = "abcdef"; var s1 = src.substr(1, 3); // "bcd" var s2 = src.substr(1); // "bcdef" var s3 = src.substr(-1); // "f", mais en MSIE : "abcdef"

méthode de sous-chaîne

Syntaxe : un objet.substring( Commencer [,.tranche(]) Arguments: Commencer Et .tranche( expressions numériques Résultat: valeur de chaîne

Méthode sous-chaîne renvoie une sous-chaîne de la valeur primitive d'une chaîne objet tranche Commencer, depuis la position .tranche( positionner .tranche( n'est pas spécifié, alors une sous-chaîne est renvoyée, à partir de la position Commencer, sans l'inclure. Si

et jusqu'à la fin de la ligne originale. un objet. -1. Arguments négatifs ou égaux NaN sont remplacés par zéro ; si l'argument est supérieur à la longueur de la chaîne d'origine, il est alors remplacé par celle-ci. Si Commencer plus fin, puis ils changent de place. Si Commenceréquivaut à fin, puis une chaîne vide est renvoyée.

Le résultat est une valeur de chaîne, pas un objet chaîne. Exemples:

Var src = "abcdef" ; var s1 = src.substring(1, 3); // "bc" var s2 = src.substring(1, -1); // "a" var s3 = src.substring(-1, 1); // "un"

méthode sup

Syntaxe : un objet.souper() Résultat: valeur de chaîne

Méthode souper renvoie une chaîne composée d'une valeur de chaîne primitive objet, entouré de balises . Il n'y a aucune vérification pour voir si la chaîne d'origine était déjà incluse dans ces balises. Cette méthode est utilisée conjointement avec les méthodes document.write et document.writeln pour afficher le texte en exposant. Par exemple, l'instruction document.write("My text".sup()) affichera la chaîne My text sur l'écran du navigateur.

Méthode toLocaleLowerCase

Syntaxe : un objet.toLocaleLowerCase() Résultat: nouvelle ligne

Soutien: Internet Explorer Pris en charge à partir de la version 5.5. Netscape Navigator Non pris en charge.

Méthode toLocaleLowerCase renvoie une nouvelle chaîne dans laquelle toutes les lettres de la chaîne d'origine sont remplacées par des minuscules, en tenant compte des paramètres régionaux du système d'exploitation. Les caractères restants de la chaîne d'origine ne sont pas modifiés. La chaîne d'origine reste la même. Généralement, cette méthode renvoie le même résultat que ; la différence n'est possible que si le codage de la langue entre en conflit avec les règles Unicode de conversion des lettres majuscules en minuscules.

Méthode toLocaleUpperCase

Syntaxe : un objet.toLocaleUpperCase() Résultat: nouvelle ligne

Soutien: Internet Explorer Pris en charge à partir de la version 5.5. Netscape Navigator Non pris en charge.

Méthode toLocaleUpperCase renvoie une nouvelle chaîne dans laquelle toutes les lettres de la chaîne d'origine sont remplacées par des majuscules, en tenant compte des paramètres régionaux du système d'exploitation. Les caractères restants de la chaîne d'origine ne sont pas modifiés. La chaîne d'origine reste la même. Généralement, cette méthode renvoie le même résultat que ; la différence n'est possible que si le codage de la langue entre en conflit avec les règles Unicode de conversion des lettres minuscules en lettres majuscules.

méthode toLowerCase

Syntaxe : un objet.toLowerCase() Résultat: nouvelle ligne

Méthode en minuscules renvoie une nouvelle chaîne avec toutes les lettres de la chaîne d'origine remplacées par des minuscules. Les caractères restants de la chaîne d'origine ne sont pas modifiés. La chaîne d'origine reste la même. Par exemple, l'instruction document.write("String object".toLowerCase()) imprimera la chaîne de l'objet chaîne sur l'écran du navigateur.

Salutations à tous ceux qui ont décidé d'apprendre un langage orienté prototype. La dernière fois, je vous en ai parlé, et aujourd'hui, nous allons analyser les chaînes JavaScript. Puisque dans ce langage tous les éléments de texte sont des chaînes (il n'y a pas de format distinct pour les caractères), vous pouvez deviner que cette section occupe une part importante dans l'apprentissage de la syntaxe js.

C'est pourquoi, dans cette publication, je vais vous expliquer comment les éléments de chaîne sont créés, quelles méthodes et propriétés leur sont fournies, comment convertir correctement les chaînes, par exemple en un nombre, comment extraire la sous-chaîne souhaitée et bien plus encore. En plus de cela, je joindrai des exemples de code de programme. Passons maintenant aux choses sérieuses !

Syntaxe des variables de chaîne

Dans le langage js, toutes les variables sont déclarées à l'aide du mot-clé var, puis, en fonction du format des paramètres, le type de la variable déclarée est déterminé. Comme vous vous en souvenez, JavaScript ne nécessite pas de typage fort. C'est pourquoi cette situation existe dans le code.

Lors de l'initialisation des variables, les valeurs peuvent être encadrées entre guillemets doubles, simples et, à partir de 2015, entre guillemets simples asymétriques. Ci-dessous, j'ai joint des exemples de chaque méthode de déclaration de chaînes.

Je veux accorder une attention particulière à la troisième méthode. Cela présente de nombreux avantages.

Avec son aide, vous pouvez facilement effectuer un saut de ligne et cela ressemblera à ceci :

alert(`plusieurs

je transfère

Et la troisième méthode vous permet d'utiliser la construction $(…). Cet outil est nécessaire pour insérer une interpolation. Ne vous inquiétez pas, maintenant je vais vous dire ce que c'est.

Grâce à $(…), vous pouvez non seulement insérer des valeurs de variables dans des chaînes, mais également effectuer des opérations arithmétiques et logiques avec elles, appeler des méthodes, des fonctions, etc. Tout cela s'appelle un terme : l'interpolation. Découvrez un exemple de mise en œuvre de cette approche.

1 2 3

var stylo = 3 ; var crayon = 1 ; alert(`$(stylo) + $(crayon*5) = $(stylo + crayon)`);

En conséquence, l’expression « 3 + 1*5 = 8 » s’affichera à l’écran.

Quant aux deux premières façons de déclarer des chaînes, il n’y a aucune différence.

Parlons un peu des caractères spéciaux

De nombreux langages de programmation ont des caractères spéciaux qui permettent de manipuler le texte dans les chaînes. Le plus célèbre d’entre eux est le saut de ligne (\n).

Tous les outils similaires commencent initialement par une barre oblique inverse (\) et sont suivis de lettres de l'alphabet anglais.

Ci-dessous, j'ai joint un petit tableau répertoriant quelques caractères spéciaux.

Nous disposons d'un arsenal important de méthodes et de propriétés

Les développeurs du langage ont fourni de nombreuses méthodes et propriétés pour simplifier et optimiser le travail avec les chaînes. Et avec la publication d'une nouvelle norme appelée ES-2015 l'année dernière, cette liste s'est enrichie de nouveaux outils.

Longueur

Je vais commencer par la propriété la plus populaire, qui permet de connaître la longueur des valeurs des variables chaîne. Ce longueur. On l'utilise de cette façon :

var string = "Licornes";

alert(string.length);

La réponse affichera le chiffre 9. Cette propriété peut également s'appliquer aux valeurs elles-mêmes :

"Licornes".longueur;

Le résultat ne changera pas.

charAt()

Cette méthode vous permet d'extraire un caractère spécifique du texte. Permettez-moi de vous rappeler que la numérotation commence à zéro, donc pour extraire le premier caractère d'une chaîne, vous devez écrire les commandes suivantes :

var string = "Licornes";
alerte(string.charAt(0));.

Cependant, le résultat obtenu ne sera pas un type de caractère ; il sera toujours considéré comme une chaîne d'une seule lettre.

De toLowerCase() à UpperCase()

Ces méthodes contrôlent la casse des caractères. Lors de l'écriture du code "Contenu".

versUpperCase() le mot entier sera affiché en majuscules.

Pour l’effet inverse, vous devez utiliser « Contenu ». versMinuscule().

Indice de()

Un outil populaire et nécessaire pour rechercher des sous-chaînes. En tant qu'argument, vous devez saisir le mot ou la phrase que vous souhaitez rechercher et la méthode renvoie la position de l'élément trouvé. Si le texte recherché n'est pas trouvé, « -1 » sera renvoyé à l'utilisateur.

1 2 3 4

var text = "Organisez une recherche de fleurs !"; alert(text.indexOf("couleur")); //19 alerte(text.indexOf(" ")); //12 alerte(text.lastIndexOf(" ")); //18

Notez que lastIndexOf() fait la même chose, sauf qu'il recherche à partir de la fin de la phrase.

Extraction de sous-chaînes

Pour cette action, trois méthodes approximativement identiques ont été créées en js.

Regardons-le d'abord sous-chaîne (début, fin) Et tranche (début, fin). Ils fonctionnent de la même manière. Le premier argument définit la position de départ à partir de laquelle l'extraction commencera, et le second est responsable du point d'arrêt final. Dans les deux méthodes, la chaîne est extraite sans inclure le caractère situé à la position finale.

var text = "Atmosphère" ; alerte(text.substring(4)); // affichera l'alerte « sphère » (text.substring(2, 5)); //afficher l'alerte "mos" (text.slice(2, 5)); //afficher "mos"

Examinons maintenant la troisième méthode, appelée sousstr(). Il doit également inclure 2 arguments : commencer Et longueur.

Le premier précise la position de départ et le second précise le nombre de caractères à extraire. Pour retracer les différences entre ces trois outils, j'ai utilisé l'exemple précédent.

var text = "Atmosphère" ;

alerte(text.substr(2, 5)); //afficher "mosfe"

En utilisant les moyens répertoriés pour prendre des sous-chaînes, vous pouvez supprimer les caractères inutiles des nouveaux éléments de ligne avec lesquels le programme fonctionne ensuite.

Répondre()

Cette méthode permet de remplacer les caractères et les sous-chaînes dans le texte. Il peut également être utilisé pour implémenter des remplacements globaux, mais pour ce faire, vous devez inclure des expressions régulières.

Cet exemple remplacera la sous-chaîne dans le premier mot uniquement.

var text = "Atmosphère Atmosphère"; var newText = text.replace("Atmo","Strato") alert(newText) // Résultat : Atmosphère stratosphérique

Et dans cette implémentation logicielle, grâce à l'indicateur d'expression régulière « g », un remplacement global sera effectué.

var text = "Atmosphère Atmosphère"; var newText = text.replace(/Atmo/g,"Strato") alert(newText) // Résultat : Stratosphère Stratosphère

Faisons la conversion

JavaScript ne propose que trois types de conversion de type d'objet :

Numérique ;
Chaîne;
Booléen.

Dans la publication actuelle, je parlerai de 2 d'entre eux, car leur connaissance est plus nécessaire pour travailler avec des cordes.

Conversion numérique

Pour convertir explicitement la valeur d'un élément sous forme numérique, vous pouvez utiliser Nombre (valeur).

Il existe également une expression plus courte : +"999".

var a = Nombre("999");

Conversion de chaîne

Exécuté par la fonction alerte, ainsi qu'un appel explicite Chaîne (texte).

Bonjour! Dans cette leçon, nous verrons comment créer une chaîne et des fonctions pour travailler avec des chaînes en JavaScript. En principe, en JavaScript, toute variable texte est une chaîne, puisque JavaScript n'est pas un langage de programmation fortement typé (lire à propos des types de données). Et aussi pour travailler avec des chaînes, la classe String est utilisée :

Var nom1 = "Tommy" ;

Utilisez donc le constructeur String :

Var nom1 = new String("Tommy");

La première méthode est principalement utilisée, probablement parce qu’elle est plus courte.

La classe String pour travailler avec des chaînes possède un ensemble assez large de propriétés et de fonctions avec lesquelles vous pouvez effectuer diverses manipulations avec des chaînes.

Longueur de chaine

La propriété length vous permet de définir la longueur de la chaîne. Cette propriété renvoie un nombre :

Var bonjour1 = "bonjour tout le monde" ; document.write("Dans la ligne "" + bonjour + "" " + bonjour1.length + " caractères");

Rechercher dans une chaîne

Afin de trouver une certaine sous-chaîne dans une chaîne, les fonctions indexOf() (renvoie l'index de la première occurrence de la sous-chaîne) et lastIndexOf() (renvoie l'index de la dernière occurrence de la sous-chaîne) sont utilisées. Ces fonctions prennent deux arguments :

La sous-chaîne qui doit réellement être trouvée
Un argument facultatif qui spécifie à partir de quel caractère rechercher une sous-chaîne dans une chaîne

Ces deux fonctions renvoient un nombre, qui est l'index du caractère par lequel commence la sous-chaîne dans la chaîne. Si la sous-chaîne n'est pas trouvée, le nombre -1 sera renvoyé. Par conséquent, ces fonctions sont utilisées dans les opérateurs logiques, car en règle générale, il suffit de vérifier si une chaîne contient ou non une sous-chaîne, puis dans ce cas, le résultat de ces fonctions est comparé à -1.

Var str1 = "Bonjour Vassia !"; var podstr = "Petya"; if(str.indexOf(podstr) == -1)( document.write("Sous-chaîne introuvable."); ) else ( document.write("Sous-chaîne trouvée."); )

Dans l'exemple, le message « Sous-chaîne introuvable » sera affiché, car la chaîne « Peter » n'est pas contenue dans la chaîne « Bonjour Vasya ! ».

Les fonctions incluent, commence par, se termine par

La méthode plus moderne str.includes(substr, pos) renvoie true si la chaîne str contient la sous-chaîne, ou false sinon.

C'est le bon choix si nous devons vérifier s'il y a une correspondance, mais que la position n'est pas nécessaire :

Alert("Widget avec identifiant".includes("Widget")); // true alert("Bonjour".includes("Bye")); // FAUX

Le deuxième argument facultatif de str.includes permet à la recherche de démarrer à une position spécifique :

Alerte("Midget".includes("id")); // true alert("Midget".includes("id", 3)); // faux, la recherche a démarré à partir de la position 3

Les méthodes str.startsWith et str.endsWith vérifient respectivement si une chaîne commence et se termine par une chaîne spécifique :

Alerte("Widget". startWith("Wid")); // true, "Wid" - le début de "Widget" alert("Widget".endsWith("get")); // vrai, "get" - fin de "Widget"

Sélection de sous-chaîne

Pour couper une sous-chaîne d'une chaîne, des fonctions telles que substr() et substring() sont utilisées.

La fonction substring() prend 2 arguments :

la position de départ du caractère dans la ligne, à partir de laquelle la ligne sera coupée
position finale à laquelle la corde doit être coupée

var hello1 = "bonjour tout le monde. Au revoir le monde"; var monde1 = bonjour1.substring(7, 10); //du 7ème au 10ème index document.write(world1); //monde

La fonction substr() prend également l'index de départ de la sous-chaîne comme 1er paramètre, et la longueur de la sous-chaîne comme 2ème paramètre :

Var hello1 = "Bonjour tout le monde. Au revoir le monde"; var au revoir1 = bonjour1.substr(12, 2); document.write(bye1);//Avant

Et si le 2ème paramètre n'est pas précisé, alors la ligne sera tronquée jusqu'à la fin :

Var hello1 = "Bonjour tout le monde. Au revoir le monde"; var au revoir1 = bonjour1.substr(12); document.write(bye1); //au revoir la paix

Contrôle de la casse des lettres

Pour changer la casse des lettres, c'est-à-dire rendre toutes les lettres petites ou majuscules, utilisez les fonctions toLowerCase() (pour convertir les caractères en minuscules, c'est-à-dire que toutes les lettres seront petites) et toUpperCase() (pour convertir les caractères en minuscules). majuscules, c'est-à-dire que toutes les lettres seront en gros).

Var bonjour1 = "Bonjour Jim"; document.write(hello1.toLowerCase() + "
"); //salut Jim document.write(hello1.toUpperCase() + "
"); // BONJOUR JIM

Obtenir un symbole par son index

Afin de rechercher un caractère spécifique dans une chaîne par son index, les fonctions charAt() et charCodeAt() sont utilisées. Ces deux fonctions prennent un index de caractères comme argument :

Var bonjour1 = "Bonjour Jim"; document.write(bonjour1.charAt(3) + "
"); //dans document.write(hello1.charCodeAt(3) + "
"); //1080

Mais seulement si la fonction charAt() renvoie le caractère lui-même comme résultat de son travail, alors la fonction charCodeAt() renverra le code Unicode numérique de ce caractère.

Supprimer des espaces

Pour supprimer les espaces dans une chaîne, utilisez la fonction trim() :

Var bonjour1 = "Bonjour Jim"; var beforeLen = bonjour1.length; bonjour1 = bonjour1.trim(); var afterLen = bonjour1.length; document.write("Longueur de ligne jusqu'à : " + beforeLen + "
"); //15 document.write("Longueur de la ligne après : " + afterLen + "
"); //10

Concaténation de chaînes

La fonction concat() permet de concaténer 2 chaînes :

Var bonjour1 = "Bonjour" ; var world1 = "Vasia"; bonjour1 = bonjour1.concat(monde1); document.write(bonjour); //Bonjour Vassia

Remplacement de sous-chaîne

La fonction replace() permet de remplacer une sous-chaîne par une autre :

Var hello1 = "Bon après-midi"; bonjour1 = bonjour1.replace("jour", "soir"); document.write(bonjour1); //Bonne soirée

Le premier argument de la fonction indique par quelle sous-chaîne doit être remplacée et le deuxième argument indique par quelle sous-chaîne doit être remplacée.

Diviser une chaîne en un tableau

La fonction split() vous permet de diviser une chaîne en un tableau de sous-chaînes à l'aide d'un délimiteur spécifique. Vous pouvez utiliser une chaîne transmise à la méthode :

Var mes = "Il faisait beau aujourd'hui"; var stringArr = mes.split(" "); for(var str1 dans stringArr) document.write(stringArr + "
");

Comparaison de chaînes

De plus, lorsque vous comparez des chaînes, vous devez prendre en compte la casse des lettres. La lettre majuscule est plus petite que la lettre minuscule et la lettre e est en dehors de l'alphabet en général.

TÂCHES

Changer la casse de la dernière lettre d'une chaîne

Écrivez une fonction lastLetterStr(str) qui changera la casse de la dernière lettre, la rendant majuscule.

Vérification anti-spam

Écrivez une fonction provSpam(str) qui vérifiera une chaîne pour la présence de sous-chaînes : « spam », « sex », « xxx ». Et renvoie true s'il y a des données de sous-chaîne et false sinon.

Trouver le numéro

Écrivez une fonction extrNum(str) qui obtient un nombre à partir d'une chaîne si la chaîne contient un nombre et que la fonction numérique doit renvoyer. Par exemple, il y a une ligne « 120 UAH » qui doit être renvoyée à partir de la ligne 120.

Et pour renforcer cela, regardez la vidéo sur l'utilisation de chaînes en JavaScript.