JavaScript fonctionne avec une chaîne. Travailler avec des lignes en JavaScript: panneaux complets avec variables de cordes

Bonjour! Dans cette leçon, considérez comment en JavaScript pour créer une chaîne et des fonctions pour travailler avec des lignes. En principe, en JavaScript, toute variable de texte est une chaîne, car JavaScript n'est pas un langage de programmation de manière strictement typée (lire les types de données). Et aussi pour travailler avec des lignes est utilisé la chaîne de classe:

Var nom1 \u003d "Tommy";

Alors utilisez le concepteur de cordes:

Var nom1 \u003d nouvelle chaîne ("Tommy");

Fondamentalement, le 1er chemin est probablement parce qu'il est plus bref.

Une classe pour travailler avec des chaînes de cordes a un ensemble assez important de propriétés et de fonctions dans son arsenal, avec laquelle vous pouvez effectuer diverses manipulations avec des rangées.

Ligne de longueur

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

Var hello1 \u003d "bonjour mir"; document.write ("dans la ligne" + Hello + "" "+ hello1.Longueur +" symboles ");

Recherche dans la chaîne

Afin de trouver une certaine sous-chaîne dans la ligne, les fonctions indexof () sont utilisées (renvoie l'index de la première entrée de la sous-chaîne) et Lastinexof () (renvoie l'index de la dernière entrée de la sous-chaîne). Ces fonctionnalités prennent deux arguments:

• Monstre, qui doit réellement être trouvé
• Un argument facultatif qui montre à partir duquel le symbole de recherche de sous-chaîne dans la chaîne

Ces deux fonctions renvoient le nombre d'index de symboles à partir desquels la sous-chaîne commence dans la ligne. Si la sous-chaîne n'est pas trouvée, le nombre -1 reviendra. Par conséquent, ces fonctions sont utilisées dans les opérateurs logiques, car comme une règle qu'il est nécessaire de simplement vérifier contient une chaîne de sous-chaîne ou non, dans ce cas, le résultat du fonctionnement de ces fonctions est comparé à -1.

Var str1 \u003d "Salut Vasya!"; Var podstr \u003d "peter"; Si (str.indexof (podstr) \u003d\u003d -1) (document.write ("Substro non trouvé.");););););););););););););

Dans l'exemple, le message "Substro introuvable" sera affiché, car la chaîne Petya n'est pas contenue dans la chaîne "Salut Vasya!".

Choisir la sous-chaîne

Pour couper de la chaîne, la sous-chaîne est utilisée comme substrative () et sous-chaîne ().

La fonction Substring () prend 2 arguments:

• la position de départ du symbole dans la chaîne à partir de laquelle la chaîne sera croisée
• la position finale à laquelle vous devez couper la chaîne

La fonction SUBSTR () prend également l'index de démarrage de la sous-chaîne en tant que 1er paramètre, mais comme la 2e - la longueur de la sous-chaîne:

Var hello1 \u003d "bonjour monde. Au revoir la paix"; var bye1 \u003d hello1.sbstr (12, 2); document.write (bye1); // avant

Et si le 2e paramètre ne spécifie pas, la chaîne sera coupée à la fin:

Var hello1 \u003d "bonjour monde. Au revoir la paix"; var bye1 \u003d hello1.substr (12); Document.write (bye1); // pendant que le monde

Gestion du registre des lettres

Pour changer le registre des lettres, c'est-à-dire de faire toutes les lettres avec de petites ou grandes fonctions () (pour transférer des caractères en minuscule, c'est-à-dire que toutes les lettres seront petites) et TUPPERCASE () (pour transférer des caractères au meilleur registre, c'est-à-dire que toutes les lettres seront grandes).

Var hello1 \u003d "salut jim"; Document.write (hello1.tolowercase () + "
"); // hi jim document.write (hello1.touppercase () +"
"); // hi jim

Obtention d'un symbole par son index

Afin de trouver un symbole spécifique dans la ligne par son indice, les fonctions graphique () et charcuation () sont utilisées. Ces deux fonctions comme argument acceptent l'indice de symboles:

Var hello1 \u003d "salut jim"; Document.write (hello1.charat (3) + "
"); // dans le document.write (hello1.charcodeat (3) +"
"); //1080

Mais uniquement si le caractère Charat () reviendra à la suite de son travail, la fonction Charcodeat () renvoie l'unicode numérique de ce symbole.

Suppression des lacunes

Pour éliminer les espaces dans le drain, la fonction de garniture () est utilisée:

Var hello1 \u003d "salut jim"; Var beforelen \u003d bonjour1.Longueur; Bonjour1 \u003d hello1.trim (); Var Afterlen \u003d Bonjour1.Length; Document.write ("Longueur de la chaîne à:" + Beforelen + "
"); // 15 document.write (" Longueur de la chaîne après: "+ Afterlen +"
"); //10

Combinaison de chaîne

La fonctionnalité Concat () vous permet de combiner 2 lignes:

Var hello1 \u003d "hi"; Var World1 \u003d "Vasya"; Bonjour1 \u003d hello1.concat (World1); Document.write (bonjour); // salut, vasya

Substrage de remplacement

La fonction Remplacer () vous permet de remplacer une sous-chaîne à une autre:

Var hello1 \u003d "bon après-midi"; Bonjour1 \u003d hello1.replace ("jour", "soir"); Document.write (hello1); //Bonne soirée

Le premier argument de la fonction indique quelle sous-chaîne doit être remplacée et la 2e argument - à laquelle la sous-chaîne doit être remplacée.

Split String pour un tableau

La fonction Split () vous permet de diviser la chaîne sur la matrice de sous-chaîne à l'aide d'un séparateur spécifique. Vous pouvez utiliser une chaîne à transmettre à la méthode:

Var mes \u003d "Aujourd'hui, il y avait un mauvais temps"; var stringarr \u003d mes.split (""); Pour (var str1 in stringarr) document.write (Stringarr +
");

RÉSULTATS

Des lignes peuvent être créées simplement en utilisant une variable conventionnelle pour mettre du texte ou à l'aide de la classe de cordes.

Afin d'apprendre la longueur de la chaîne en utilisant la propriété de longueur.

Les rangées sont comparées à nous. Par conséquent, si la ligne a un numéro, ces chiffres peuvent être comparés de manière incorrecte, pour cette ligne, vous devez le convertir au type. numéro (à propos de la lecture du numéro de classe).

De plus, lors de la comparaison des chaînes, le registre des lettres doit être envisagé. Lettre capitale moins petit, et la lettre qu'il est en dehors de l'alphabet du tout.

TÂCHES

Remplacer le registre de la dernière lettre dans la ligne

Ecrivez la fonction LastletterStr (STR), qui remplacera le registre de la dernière lettre, ce qui le rendait grand.

Vérifiez le spam

Écrivez la fonction Provispam (STR), qui vérifiera la chaîne pour la présence d'une sous-chaîne: "spam", "sexe", "xxx". Et retourne vrai s'il y a des sous-chaînes de données et de faux sinon.

Trouver des chiffres

Écrivez la fonction extrnum (STR), qui de la ligne reçoit un numéro si la ligne contient le numéro et renvoyez la fonction de numéro. Par exemple, il y a une chaîne "120 UAH" que vous devez revenir de la ligne 120.

Et sur la mission, voir la vidéo sur le travail avec des lignes en JavaScript.

Les "cadres" sémantiques utilisent des fonctions et des structures pour le traitement des lignes présentent un intérêt particulier pour la programmation des processus de traitement d'informations sur son contenu sémantique. En langage Fonctions JavaScript Les œuvres avec des lignes peuvent être combinées dans ses propres structures sémantiques, simplifier le code et formaliser matière Tâches.

Dans la version classique, le traitement des informations est, tout d'abord, des fonctions de chaîne. Chaque fonction et la conception de la langue ont ses propres caractéristiques dans la Syntaxe et la sémantique JavaScript. Les méthodes de travail avec des lignes ici ont leur propre style, mais dans l'application habituelle, il s'agit simplement d'une syntaxe dans une sémantique simple: recherche, remplacement, insert, extrait, streaming, changement de registre ...

Description des variables de string

Pour déclarer une chaîne, une conception est utilisée var. Vous pouvez immédiatement poser sa valeur ou la former lors de l'exécution de l'algorithme. Pour une chaîne, vous pouvez utiliser des citations simples ou doubles. S'il doit être une citation, il doit être blindé par le symbole "\\".

La chaîne indiquée nécessite un blindage de citations doubles internes. De même, celui-ci est indiqué par un seul, critique à la présence de guillemets simples.

DANS cet exemple La chaîne STR_DBL répertorie des caractères spéciaux utiles pouvant être utilisés dans la ligne. Dans le même temps, le symbole "\\" est blindé.

La chaîne est toujours un tableau

JavaScript avec des lignes peut être effectuée de différentes manières. La syntaxe de langue fournit de nombreuses options. Tout d'abord, il ne faut jamais oublier que (dans le contexte des descriptions des descriptions):

• str_isv \u003d\u003e "v";
• str_chr \u003d\u003e "" ";
• str_dbl \u003d\u003e "a".

C'est-à-dire que les caractères de chaîne sont disponibles en tant qu'éléments de tableau, avec chacun symbole spécial - Ceci est un personnage. Le blindage est un élément de syntaxis. Dans la vraie chaîne, aucun "écran" ne convient pas.

L'utilisation de la fonction Charat () donne un effet similaire:

• str_isv.chaarat (3) \u003d\u003e "V";
• str_chr.chaarat (1) \u003d\u003e "" ";
• str_dbl.chardat (5) \u003d\u003e "A".

Un programmeur peut utiliser n'importe quelle option.

Fonctions de base de la chaîne

JavaScript est fabriqué quelque peu différent de celui des autres langues. Le nom de la fonction est écrit au nom de la variable (ou directement lignes). Habituellement, les fonctions minuscules sont appelées méthodes dans le style de la langue de la syntaxe, mais le premier mot est plus familier.

La méthode la plus importante de la ligne (plus correctement - la propriété) est sa longueur.

• var xstr \u003d str_isv.length + "/" + str_chr.length + "/" + str_dbl.length.

Résultat: 11/12/175 sur les lignes de la description ci-dessus.

La paire linéaire la plus importante de fonctions est la division de la chaîne à la matrice des éléments et la fusion du tableau dans la chaîne:

• split (S [, L]);
• rejoindre (s).

Dans le premier cas, la chaîne est cassée dans le symbole de séparateur "S" sur un tableau d'éléments dans lesquels le nombre d'éléments ne dépasse pas la valeur "L". Si la quantité n'est pas spécifiée, la chaîne entière est cassée.

Dans le second cas, le réseau d'éléments est fusionné dans une ligne via un séparateur spécifié.

Caractéristique remarquable de cette paire: la partition peut être faite par un séparateur et la fusion est différente. Dans ce contexte, en JavaScript, travailler avec des lignes peut être "affiché au-delà" de la syntaxe de langue.

Fonctions de minuscule classiques

Caractéristiques conventionnelles de traitement des lignes:

• rechercher;
• goûter;
• remplacement;
• conversion.

Présenté par Méthodes: Indexof (), LastIndexof (), Tolowercase (), Touppercase (), Concan (), Charcodeat () et autres.

En JavaScript, Travailler avec des lignes est représenté par un grand ensemble de fonctions, mais ils sont soit des dupliqués les uns des autres, soit à gauche pour les anciens algorithmes et la compatibilité.

Par exemple, l'utilisation de la méthode Concat () est autorisée, mais il est plus facile d'écrire:

• str \u003d str1 + str2 + str3;

L'utilisation de la fonction Charat () est également logique, mais l'utilisation de charcuterie () a une valeur pratique réelle. De même, pour JavaScript, le transfert de ligne a une signification particulière: dans le contexte de la sortie à l'écran, par exemple, dans le message d'alerte () - il s'agit de "\\ n", dans la conception du contenu du contenu de la page c'est "
" Dans le premier cas, il s'agit d'un symbole, et dans la seconde - la chaîne de caractères.

Rangées et expressions régulières

En JavaScript, travailler avec des lignes comprend un mécanisme expressions régulières. Cela vous permet d'effectuer des recherches complexes, un échantillonnage et une conversion de lignes sans accéder au serveur à l'intérieur du navigateur.

Méthode correspondre Trouve, A. remplacer Remplace la coïncidence trouvée dans la valeur souhaitée. Les expressions régulières sont implémentées dans JavaScript sur haut niveauEn substance, ils sont complexes et en raison des spécificités de l'application transfèrent le centre de gravité du serveur au navigateur du client.

Lors de l'application des méthodes match, recherche.et Remplacer Il ne devrait pas seulement payer l'attention voulue à des tests sur l'ensemble du spectre des valeurs admissibles des paramètres initiaux et des lignes souhaitées, mais évaluez également la charge sur le navigateur.

Exemples d'expressions régulières

La portée des expressions régulières pour le traitement des lignes est étendue, mais nécessite une grande précision et des soins du développeur. Tout d'abord, trouvez régulièrement une utilisation lors du test de l'entrée de l'utilisateur dans les champs de terrain.

Voici des fonctionnalités qui vérifient, l'entrée contient un entier (Schint) ou le nombre de réels (Schreal). L'exemple suivant montre comment traiter les chaînes de traitement efficacement, les vérifiant uniquement les caractères valides: SCHTEXT - Seul texte, Schmail - l'adresse e-mail correcte.

Il est très important de garder à l'esprit que les personnages et les lignes JavaScript nécessitent une attention élevée sur locali, en particulier lorsque vous devez travailler avec Cyrillic. Dans de nombreux cas, il est conseillé de spécifier les codes de caractères réels que leurs significations. Les lettres russes sont principalement vraies.

Il convient de noter notamment qu'il n'est pas toujours nécessaire de remplir la tâche tel qu'il est livré. En particulier, en ce qui concerne les opérations d'entiers et réels: vous pouvez faire sans méthodes de ligne classiques, mais par des conceptions de syntaxe conventionnelles.

Lignes orientées objet

En JavaScript, travailler avec des lignes est représenté par une large gamme de fonctions. Mais ce n'est pas une bonne raison pour les utiliser de la forme primaire. La syntaxe et la qualité des fonctions sont sans faille, mais c'est une solution universelle.

Toute utilisation des fonctions minuscules implique le traitement du sens réel, qui est déterminé par les données, la zone d'application et le but de l'algorithme.

La solution idéale est toujours d'interpréter les données sur leur signification.

Représentant chaque paramètre sous la forme d'un objet, vous pouvez formuler des fonctions à utiliser avec elle. Nous parlons toujours de symboles Traitement: les chiffres ou les chaînes sont des séquences de symboles concrètement organisées.

Il y a des algorithmes généraux et il y a privé. Par exemple, un nom de famille ou un numéro de maison est des lignes, mais si seules des lettres russes sont autorisées dans le premier cas, dans le second cas, les chiffres, les lettres russes peuvent également être trouvées ou indexées à travers une ligne inclinée. Les index peuvent être emblématiques ou numériques. La maison peut avoir un logement.

Toutes les situations ne peuvent pas être envisagées. C'est un point important de la programmation. Un algorithme rare ne nécessite pas de raffinement et, dans la plupart des cas, vous devez ajuster systématiquement la fonctionnalité.

La formalisation des informations minuscules traitées sous la forme d'un objet améliore la lisibilité du code, vous permet de le dériver au niveau de traitement sémantique. C'est un autre degré de fonctionnalité et de manière significative meilleure qualité Code avec une plus grande fiabilité de l'algorithme développé.

Dans cet article, nous allons parler de ce qui est Rangées en JavaScript et des méthodes de travail avec eux.

Les lignes ne sont qu'un groupe de personnages, tels que «JavaScript», «Bonjour World! "," Http://www.quirksmode.org "ou même" 14 ". Pour la programmation JavaScript, vous devez savoir quelles lignes sont et comment travailler avec eux, car elles devront être utilisées très souvent. De nombreuses choses, telles que les URL-Packs, les valeurs CSS des paramètres et des éléments des formes - tout est des lignes.

D'abord, je vais essayer d'expliquer Fonctionne avec des cordes, alors - la différence entre JavaScript. Même si vous avez une expérience de programmation dans une autre langue, lisez cette partie avec soin. En fin de compte, je parlerai du plus important Lignes en JavaScript..

Principes de base du travail avec des rangées

Regardons les bases de travailler avec des lignes en JavaScript.

L'utilisation de quavichek

Quand vous déclarez rangées en JavaScript Ou vous travaillez avec eux, les concluez toujours en citations simples ou doubles. Par ceci, vous expliquez le navigateur qu'il traite d'une chaîne. Ne mélangez pas l'utilisation de guillemets dans le code si vous avez démarré une chaîne avec une citation unique, et fini double, JavaScript ne comprendra pas ce que vous aviez à l'esprit. En règle générale, j'utilise des guillemets simples pour travailler avec des lignes, car j'ai décidé d'utiliser pour HTML et une seule - pour JavaScript. Bien sûr, vous pouvez tout faire différemment, mais je vous conseille de créer une règle similaire pour vous-même.

Imaginons deux lignes que nous utiliserons tout au long de l'article:

Var a \u003d "bonjour monde!"; Var b \u003d "Je suis un étudiant.";

Maintenant, nous avons déclaré deux variables, "A" et "B", et qui leur sont attribuées des valeurs de chaîne. Après cela, nous pouvons travailler avec eux, mais au début, nous décidons un problème: disons, j'ai écrit:

Var b \u003d "i" m un étudiant. ";

La chaîne contient une citation unique en excès et JavaScript pense que la chaîne est complétée et affiche un message d'erreur sans comprendre ce qui suit. Par conséquent, vous avez besoin critiquationEn disant au navigateur qu'il devrait être considéré comme un symbole, et non comme la fin de la ligne. Ceci est fait en utilisant le "inverse stupide" avant de citer:

Var b \u003d "i \\" m un étudiant. ";

Notez que vous pouvez insérer des citations doubles dans la chaîne sans leur blindage. Puisque vous utilisez des guillemets simples, comme le début et la fin de la chaîne,

Var b \u003d "i \\" m a "étudiant". ";

perçu sans problèmes. Les citations doubles sont automatiquement considérées comme faisant partie de la ligne, pas la commande.

Fonctions intégrées

Après avoir déterminé les lignes, vous pouvez commencer à les utiliser. Par exemple, vous pouvez connecter une ligne de l'autreou prenez de la ligne "B" d'une sous-chaîne constituée des deuxième caractères et insérez-les au milieu de la chaîne "A", ou déterminez quel caractère vaut le douzième dans "A", combien de caractères dans " B ", y a-t-il une lettre" Q ", etc.

Pour ce faire, vous pouvez utiliser les fonctionnalités intégrées que JavaScript prédéterminés pour chaque ligne. L'un d'eux est "longueur" - retourne la longueur de la chaîne. C'est-à-dire que si vous voulez calculer la longueur du «bonjour monde!», Écrivez:

Var c \u003d "bonjour monde!". Longueur;

Auparavant, nous avons attribué cette ligne à la variable "A". Ainsi, vous avez créé une chaîne variable "a", de sorte que la fonction "longueur" s'applique également à celle-ci, et la prochaine opération donnera le même résultat:

Var c \u003d a.length;

N'oubliez pas que vous pouvez utiliser «longueur» pour n'importe quelle chaîne est une fonction intégrée. Vous pouvez calculer la longueur de n'importe quelle chaîne, Par exemple: "emplacement.href" ou "document.title" ou déclaré.

Ci-dessous, je présenterai une liste de méthodes et de propriétés incorporées communes.

Rangées et chiffres

Dans certaines langages de programmation, vous devez spécifier si une variable est un nombre ou une chaîne, avant de faire autre chose avec elle. JavaScript est plus facile à raconter la différence entre les rangées et les chiffres. En fait, vous pouvez même ajouter des chiffres avec des lignes:

Var c \u003d a + 12;

Dans certaines langages de programmation, le traitement d'une telle chaîne entraînera une erreur. Pourtant, "A" est une chaîne et "12" - le nombre. Cependant, JavaScript tente de résoudre le problème, en supposant que "12" est également une chaîne. Ainsi, "C" prend la signification de "Hello World! 12". Donc, si vous utilisez "+" avec une chaîne et un numéro, JavaScript tente de faire une chaîne parmi. Si vous appliquez des opérations mathématiques à la chaîne, JavaScript essaie de le transformer en chiffres. S'il n'y a aucune possibilité de transférer la chaîne sur le nombre (par exemple, en raison de la présence de lettres de l'information), JavaScript renvoie Nan - "Pas un nombre n'est pas un nombre."

Enfin, en JavaScript, il n'ya aucune différence entre les valeurs et les chiffres entiers avec un point flottant.

Numéro → Chaîne

Pour conversion du nombre dans la chaîne Entrer:

Var c \u003d (16 * 24) / 49 + 12; d \u003d c.tostring ();

Après cela, vous pouvez appliquer à "D" toutes les méthodes de chaîne et "C" contient toujours un numéro.

Rangée → Nombre

Si vous souhaitez convertir une chaîne en un numéro, assurez-vous d'abord qu'il consiste à comporter uniquement des caractères 0-9. Pour cela, je viens de multiplier une ligne de 1.

Var c \u003d "1234"; d \u003d c * 1;

Étant donné que la multiplication est effectuée uniquement avec des chiffres, JavaScript allume la ligne au nombre si possible. Sinon, le résultat est nan.

Note, si vous écrivez:

Var c \u003d "1234"; d \u003d c + 0;

Le résultat sera "12340", car JavaScript utilise "+" pour connecter des chaînes, pas leur addition.

Propriétés et méthodes de chaîne

Alors, que pouvons-nous faire avec des rangées? Une combinaison est un cas particulier, mais toutes les autres commandes (méthodes) peuvent être utilisées avec n'importe quelle chaîne en utilisant la conception:

Nom de la chaîne. Méthode ();

Liste des méthodes javascript intégrées pour travailler avec des rangées

Concatentation - Affectation de ligne

Tout d'abord, vous pouvez fusionner les cordes en les pliant ensemble, comme ceci:

Document.write (A + B);

en conséquence, il se révélera: «Bonjour World! Je suis un étudiant. " Mais, bien sûr, vous voulez un écart entre les offres. Pour ce faire, écrivez le code comme suit:

Document.write (A + "" + b);

Nous connectons donc trois lignes: "A", "" "" (un espace) et "B", en conséquence, ayant reçu: "Bonjour World! Je suis étudiant. "

Vous pouvez même utiliser des chiffres ou des calculs, par exemple:

Document.write (A + 3 * 3 + B);

Maintenant, nous connectons la chaîne "A", puis le résultat de l'expression "3 * 3", considérée comme une chaîne "B", recevant: "Bonjour World! 9 Je suis un étudiant. "

Lorsque vous utilisez l'addition, vous devez être attentif. Équipe

Document.write (A + 3 + 3 + B);

connecte 4 lignes: "A", "3", "3" et "B", car "+" dans ce cas signifie "Connecter les chaînes" et non "pli" et par conséquent: "Bonjour World! 33 I suis un étudiant. " Si vous souhaitez les plier 3 et 3 avant de créer une chaîne, utilisez des crochets.

Document.write (A + (3 + 3) + B);

Cette expression relie la chaîne "A", le résultat de l'expression "3 + 3" et "B", par conséquent: "Bonjour World! 6 Je suis un étudiant. "

indice de

L'une des méthodes intégrées les plus largement utilisées est "Indexof". Chaque symbole a son propre index contenant le numéro de sa position dans la chaîne. Notez que l'index du premier symbole est de 0, le second - 1, etc. Ainsi, l'indice du symbole "W" sur le terme "A" - 6.

En utilisant "indexof", nous pouvons dériver l'index de symboles. Ecrivez le ".indexOf (") "après le nom de la ligne et coller le symbole souhaité entre les citations. Par example:

Var a \u003d "bonjour monde!"; Document.write (A.Indexof ("W"));

retour 6. Si le personnage se produit plusieurs fois, cette méthode renvoie la première entrée. C'est à dire

Document.write (A.Indexof (O "));

retour 4, car c'est le premier indice "O" dans la chaîne.

Vous pouvez également rechercher une combinaison de caractères. (Bien sûr, c'est aussi une chaîne, mais pour éviter toute confusion, je ne l'appellerai pas, alors). "IndexOf" renvoie la position du premier symbole de la combinaison. Par example:

Document.write (a.indexof ("o w"));

revenez également 4, car c'est l'index "O".

De plus, il est possible de rechercher un symbole après un index spécifique. Si vous entrez

Document.write (A.Indexof (O ", 5));

cela obtiendra l'index du premier "O" suivant le symbole avec l'index 5 (il s'agit d'un espace), c'est-à-dire que le résultat sera de 7.

Si le caractère ou la combinaison ne se produit pas dans la chaîne, "indexof" retournera "-1". C'est en fait l'utilisation la plus populaire de "indexof": vérifiant l'existence d'une combinaison spécifique de caractères. C'est le noyau du script qui détermine le navigateur. Pour déterminer IE, vous prenez la ligne:

Navigator.useragent;

et vérifiez si cela contient «MSIE»:

Si (navigator.useragent.indexof ("msie")! \u003d -1) (// tout déclenchement de l'explorateur Internet)

Si l'indice "MSIE" n'est pas "-1" (si "MSIE" se produit n'importe où dans la chaîne), le navigateur actuel est que c'est-à-dire.

lastinexof

Il existe également une méthode "EnleverInexof", qui renvoie la dernière entrée d'un symbole ou d'une combinaison. Il agit l'inverse "indexof". Équipe

Var b \u003d "Je suis un étudiant."; Document.write (b.lastindexof ("T"));

retour 13, car il s'agit du dernier index "T" de la chaîne.

charat.

La méthode "Charat" renvoie un symbole dans la position spécifiée. Par exemple, lorsque vous entrez

Var b \u003d "Je suis un étudiant."; Document.write (B.Charat (5));

en conséquence, "A" est obtenu, car il s'agit d'un symbole de la sixième position (rappelez-vous que l'index du premier symbole commence par 0).

longueur.

La méthode "longueur" renvoie la longueur de la chaîne.

Var b \u003d "Je suis un étudiant."; Document.writer (b.length);

retourner "15". La longueur de la chaîne est 1 de plus que l'index du dernier symbole.

diviser.

"Split" est une méthode spéciale qui vous permet de diviser la chaîne en fonction de certains symboles. Il est utilisé lorsque le résultat doit être entré dans une matrice et non dans une simple variable. Sparons "B" sur les espaces:

Var b \u003d "Je suis un étudiant." var temp \u003d nouveau tableau (); temp \u003d b.split ("");

Maintenant, la ligne est cassée par 4 sous-chaînes, qui sont placées dans le tableau TEMP. Les lacunes elles-mêmes ont disparu.

Temp \u003d "i"; temp \u003d "am"; temp \u003d "a"; Temp \u003d "étudiant";

La méthode "Subring" est utilisée pour mettre en évidence une partie de la ligne. La syntaxe de la méthode: ".Substring (first_index, last_index)". Par example:

Var a \u003d "bonjour monde!"; Document.write (A.Substring (4, 8));

renvoie "O WO", à partir du premier "O" (Index 4) à la seconde (Index 7). Notez que "R" (Index 8) ne fait pas partie de la sous-chaîne.

Vous pouvez également écrire:

Var a \u003d "bonjour monde!"; Document.write (A.Substring (4));

Il donnera toute une sous-chaîne «O World! ", Allant d'un symbole avec un index 4 et jusqu'à la fin de la ligne.

substraire.

Il existe également une méthode "substrative", fonctionnant un peu différemment. En tant que deuxième argument, il n'utilise pas le numéro d'index, mais le nombre de caractères. C'est à dire

Document.write (A.Substr (4, 8));

renvoie 8 caractères, allant du symbole avec un index 4 ("O"), c'est-à-dire que nous obtenons: "O World! "

tolowercase et toupercase.

Enfin, 2 méthodes pouvant parfois être utiles: "Tolowercase" traduit la ligne entière dans les minuscules et "Touppercase" - au sommet.

Var b \u003d "Je suis un étudiant."; Document.write (b.touppercase ());

En conséquence, nous obtenons «Je suis un étudiant. "

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

Les lignes vous permettent d'afficher du texte et de travailler avec lui, et le texte est le principal moyen de communiquer et de transmettre des informations sur le réseau. Par conséquent, les lignes sont l'un des principaux concepts de programmation.

Ce manuel vous apprendra à créer et à afficher la sortie de ligne, combinez les lignes et stockez-les dans des variables. Vous en apprendrez également sur les règles d'utilisation de citations, d'apostrophes et de transition vers une nouvelle ligne dans JavaScript.

Création et visualisation de chaîne

En JavaScript, il y a trois façons de créer une force: ils peuvent être écrits en guillemets simples ('), en double (") ou dans des citations inverse (`). Bien que parfois dans des scénarios, il existe des lignes de tous les trois types, dans la même ligne, vous devez utiliser un seul type de guillemets.

Les rangées dans des citations simples et doubles sont en fait la même chose. Il n'y a pas d'accord sur l'utilisation d'un type de guillemets, mais généralement dans les scénarios de programme, il est recommandé d'utiliser systématiquement un type d'un type.

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

Troisième I. la dernière façon La création de la chaîne s'appelle un modèle littéral. Les littéraux de modèle sont écrits en guillemets inverse (ce symbole s'appelle également un stress stupide) et travaille de la même manière que des lignes régulières avec plusieurs fonctionnalités supplémentaires que nous considérons dans cet article.

`Cette chaîne utilise des backticks.`;

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

console.log ("Ceci est une chaîne dans la console.");
Ceci est une chaîne dans la console.

Autre façon simple Demande La valeur de la ligne est une fenêtre contextuelle du navigateur, qui peut être appelée à l'aide d'alerte ():

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

Cette chaîne ouvrira la fenêtre de notification dans le navigateur avec un tel texte:

Ceci est une chaîne dans une alerte.

La méthode d'alerte () est utilisée moins souvent, car les alertes doivent être constamment fermées.

Stockage de lignes dans des variables

Les variables JavaScript sont nommées conteneurs qui stockent des valeurs avec mots clés Var, const ou laisser. Les lignes peuvent être attribuées par des variables.

const Newstring \u003d "Ceci est une chaîne assignée à une variable.";

Maintenant, la variable de journal contient une chaîne, vous pouvez vous y référer et afficher à l'aide de la console.

console.log (Newstring);
Ceci est une chaîne attribuée à une variable.

Affectation de lignes de variables, vous n'avez pas besoin de ressaisir la chaîne à chaque fois que vous devez l'afficher qui simplifie le travail avec des lignes dans les programmes.

Concaténation de la chaîne

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

Par exemple, essayez de combiner deux lignes courtes:

"Mer" + "cheval";
HIPPOCAMPE.

La concaténation combine la fin d'une ligne avec le début d'une autre ligne, sans insérer d'espaces. De sorte qu'il y ait un espace entre les lignes, il doit être ajouté à 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 \u003d "mon poème préféré est" + poème + "par" + auteur ".";

Les nouvelles lignes obtenues à la suite d'une concaténation peuvent être utilisées dans le programme.

Variables avec catégorie littéraux

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

const poème \u003d "le large océan";
Const auteure \u003d "pablo neruda";
Const favepoem \u003d `mon poème préféré est $ (poème) par $ (auteur) .`;
Mon poème préféré est le large océan par Pablo Neruda.

Cette syntaxe vous permet d'obtenir le même résultat. Les littéraux agréables simplifient la concaténation de la ligne.

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

Comme vous, vous devez déjà être remarqué, toutes les lignes sont écrites dans des guillemets ou des devis inverse, mais lorsque la ligne est sortie, les citations ne contiennent pas.

"AU-DELÀ DE LA MER";
AU-DELÀ DE LA MER.

Le littéral de la chaîne est une chaîne comme il ressemble à code source, y compris des citations. Une valeur de chaîne est une chaîne qui apparaît dans la sortie (sans guillemets).

Dans cet exemple, "au-delà de la mer" est un littéral à chaîne et au-delà de la mer est une valeur de chaîne.

Contourner des citations et des apostrophes en lignes

En raison du fait que les citations sont utilisées pour désigner des chaînes, il existe des règles spéciales pour l'utilisation d'apostrophes et de citations dans des lignes. Par exemple, une apostrophe au milieu d'une chaîne de citations javascript simples prendra une couverture de devis unique et le reste de la chaîne estimée tentera de lire comme code.

Considérez un tel exemple:

const brokenstring \u003d "i" m une chaîne cassée ";
Console.log (brokenstring);
Inconnu: jeton inattendu (1:24)

Il en va de même si vous essayez d'utiliser des guillemets doubles dans la rangée prise en guillemets. L'interprète ne remarquera pas la différence.

Pour éviter de telles erreurs, vous pouvez utiliser:

• Une autre syntaxe de chaîne.
• Échapper des personnages.
• Modèle littéral.

Syntaxe alternative Syntaxe

Le moyen le plus simple de contourner ce problème avec la syntaxe est l'opposé de celui que vous utilisez dans le script. Par exemple, les lignes avec des apostrophes prennent des devis doubles:

"Nous" nous utilisons en toute sécurité une apostrophe dans des guillemets doubles. "

Les rangées avec des citations peuvent être prises en guillemets simples:

"Puis il a dit:" Bonjour, Monde! "";

Combinant des citations simples et doubles, vous pouvez contrôler l'affichage des guillemets et des apostrophes à l'intérieur des lignes. Cependant, cela affectera la cohérence de la syntaxe dans les fichiers de projet, ils seront difficiles à maintenir.

Symbole d'échappement \\

Avec l'aide de la couche inverse, JavaScript ne interprétera pas les citations sous forme de clôture.

La combinaison \\ 'sera toujours perçue comme une apostrophe, et \\ »- comme des citations doubles, sans exception.

Cela permet d'utiliser des apostrophes dans des lignes de guillemets et de citations - dans des lignes de devis double.

"Nous \\" en toute sécurité en utilisant une apostrophe en guillemets simples. "
"Puis il a dit:" Bonjour, Monde! \\ "";

Cette méthode semble un peu aléatoire. Mais il est nécessaire que une apostrophe soit également contenue dans une ligne et des citations doubles.

Littéraux

Les littéraux de gabarits sont déterminés par des citations inverse, par conséquent, des citations doubles et des apostrophes peuvent être utilisées en toute sécurité sans manipulations supplémentaires.

`Nous» en toute sécurité en utilisant des apostrophes et des «citations» dans un modèle de modèle »;

Les littéraux de gabarits permettant non seulement d'éviter les erreurs lors de l'affichage de citations et d'apostrophes, mais fournissent également une prise en charge des expressions intégrées et des blocs multilignes, qui seront discutés dans la section suivante.

Chaînes multilignes et transition vers une nouvelle ligne

Dans certaines situations, il est nécessaire d'insérer un symbole d'une nouvelle chaîne ou d'une rupture de rangée. ESCAPE PERSONNES \\ N Р Р Р \\ R Aide Insérez une nouvelle chaîne dans la sortie du code.

const TIRELINES \u003d "Ceci est une chaîne \\ NThat s'étend sur les lignes \\ Nthree.";
Ceci est une chaîne
Qui s'étend sur.
Trois lignes.

Cela rompt la sortie à plusieurs lignes. Cependant, s'il existe de longues lignes dans le code, il sera difficile de travailler avec eux et de lire. Pour afficher une ligne dans plusieurs lignes, utilisez la déclaration de concaténation.

const TIRELINES \u003d "Ceci est une chaîne \\ n" +
"Ça s'étend sur \\ n" +
"Trois lignes.";

Vous pouvez également contourner une nouvelle chaîne à l'aide d'un symbole d'évacuation \\.

const threeheines \u003d "Ceci est une chaîne \\ n \\
Qui s'étend sur \\ n \\
Trois lignes. ";

Noter: Cette méthode n'est pas recommandée à utiliser, car elle peut entraîner des problèmes dans certains navigateurs.

Pour rendre le code lisible, utilisez des littéraux de modèle. Cela permet d'exclure la concaténation et d'échapper aux symboles.

const threeheines \u003d `c'est une chaîne
Qui s'étend sur.
Trois lignes.`;
Ceci est une chaîne
Qui s'étend sur.
Trois lignes.

Étant donné que différents codes de code peuvent utiliser différentes normes, il est important de connaître toutes les manières d'accéder à une nouvelle ligne et de créer des lignes multilignes.

Conclusion

Maintenant, vous connaissez maintenant les principes de base de travailler avec des lignes en JavaScript, vous savez créer des lignes de lignes et de modèles, exécuter la concaténation et le contournement et attribuer les chaînes de variables.

De l'auteur: Salutations à vous, amis. Dans plusieurs articles précédents, nous connaissons le type de données numérique en JavaScript et travaillé avec des chiffres. Il est maintenant temps de travailler avec des lignes en JavaScript. Soyons plus proches avec un type de données de chaîne dans JavaScript.

En fait, nous avons déjà rencontré le type de ligne et, en fait, nous venons de découvrir quelle chaîne est et comment elle est écrite. Apprandons maintenant des lignes et des méthodes de travail avec eux.

Comme vous vous en souvenez, tout texte de JavaScript est une chaîne. La chaîne doit être comprise entre guillemets, simples ou doubles, aucune différence:

var hi \u003d "bonjour", nom \u003d "John";

Maintenant, nous avons enregistré seulement un seul mot. Et si nous voulons écrire un grand volume de texte? Oui, sans problèmes, écrivons à une variable du texte de poisson et apportons-le dans la console:

var Text \u003d "Lorem Ipsum Dolor Sit Amet, Certetur Adipisicing Elit. Nobis Dignissimos Maxime et Tempore Omnis, AB Fugit. Quos Nisi, Culpa Exercitation!"; Console.log (texte);

Travaux. Mais s'il y a beaucoup de texte, nous transporterons probablement des chaînes pour démarrer un nouveau paragraphe d'une nouvelle ligne. Essayons d'ajouter un transfert aussi en ligne à notre texte:

Comme vous pouvez le voir, mon éditeur de texte Déjà mettre en surbrillance rouge problème possible. Voyons comment le navigateur réagira à la traduction de la chaîne dans une telle interprétation:

L'erreur syntaxique, comme prévu. Comment être? Enregistrez dans un texte multiligne variable peut être de plusieurs manières. Sur l'un d'entre eux, vous auriez déjà pu deviner, nous parlons de la concaténation de la ligne:

Comme vous pouvez le constater, l'éditeur réagit déjà normalement à une telle option pour enregistrer la chaîne de la variable. Une autre option consiste à utiliser la course inverse (\\), qui dans JavaScript et dans de nombreuses autres langues de programmation est un symbole de blindage qui vous permet de travailler sans spécialisateur. Quels sont les spécialistes que nous apprenons ensuite. Alors, essayez de protéger un symbole de traduction invisible de ligne:

Le blindage a également résolu notre problème. Toutefois, si nous examinons la console, la concaténation des rangées et le blindage de la traduction de la ligne, ayant résolu le problème d'enregistrement au programme, n'ont pas résolu le problème avec la sortie de la chaîne multiligne à l'écran. Au lieu d'une chaîne multiligne, nous verrons le texte dans la console à une ligne. Comment être?

Et ici, nous aiderons le symbole spécial de la nouvelle ligne - \\ N. En ajoutant ce spécialiste à la chaîne au bon endroit, nous dirons l'interprète qui, dans cet endroit, vous devez compléter la ligne actuelle et effectuer la transition vers une nouvelle ligne.

var Text \u003d "Lorem Ipsum Dolor Sit Amet, Certetur Adipisicing Elit. Nobis Dignissimos Maxime et Tempore Omnis, AB Fugit. \\ \\ Nquos Nisi, exercices de culpa!"; Console.log (texte);

En réalité, si vous n'êtes pas confondu par l'entrée du texte dans le code dans une ligne, nous pouvons le faire:

var Text \u003d "Lorem Ipsum Dolor Sit Amet, consecetur à l'adipisation Elit. Nobis Dignissimos Maxime et Tempore Omnis, AB Fugit. \\ Nquos Nisi, exercices de culpa!"; Console.log (texte);

Le résultat de l'écran ne changera pas de cela, nous verrons le texte multiligne dans la console de navigateur:

Le symbole de blindage n'est vraiment pas très nécessaire dans cette situation dans le code. Et il a vraiment besoin, comme indiqué ci-dessus, pour la projection de symboles spéciaux. Par exemple, à l'intérieur de la ligne que nous avons conclu en guillemets simples, une apostrophe se produit, c'est-à-dire Devis unique:

var Text \u003d "Lorem Ipsum D" OLOR SIT AMET AMET ";