Travailler avec des chaînes dans JavaScript | expliqué avec des exemples

Les cordes ne sont qu'une collection de caractères, de lettres, de chiffres ou de symboles. En JavaScript, les chaînes sont de nature primitive et immuable qui détermine quand quelqu'un implémente certaines fonctionnalités sur une chaîne spécifique, alors, en conséquence, il n'affecterait pas la chaîne d'origine à la place, il créera une nouvelle chaîne.

Comment créer une chaîne en javascript

Tout en travaillant avec des cordes, la première question qui nous vient à l'esprit est de savoir comment créer une chaîne? Eh bien, nous avons deux réponses à cette question, nous devons d'abord comprendre quel type de chaîne nous allons créer?

JavaScript propose deux types de chaînes:

un simple "chaîne",

"Modèle littéraux»(Introduit dans ES6).

Nous considérerons quelques exemples pour comprendre ces deux concepts:

Lors de la création d'une chaîne simple, nous enfermerons tous les caractères dans une seule citation "ou une double citation" "comme nous l'avons fait dans l'exemple ci-dessous:

"Bonjour c'est notre première corde écrite en doubles citations";
«Bonjour c'est notre deuxième corde écrite dans la seule citation»;

Jusqu'à présent, ce que nous avons fait est, entoure simplement la séquence de lettres avec les doubles citations, et ensuite avec la citation unique, nous n'avons attribué de chaîne à aucune variable ou littéral, etc.

Maintenant, nous pouvons obtenir la sortie de ces chaînes de plusieurs manières, par exemple, nous pouvons imprimer la sortie sur la console du navigateur:

console.Log ("Bonjour c'est notre première corde écrite en double-quottes");
console.log («Bonjour c'est notre deuxième corde écrite dans la citation unique»);

Nous allons maintenant obtenir notre sortie sur la console comme:

Bien que nous puissions également obtenir la sortie sur notre document comme:

document.écriture ("Bonjour c'est notre première corde écrite en doubles-quottes");

Nous obtiendrons la sortie suivante lorsque nous utiliserons "document.écrire()»:

Une autre façon d'imprimer notre chaîne est le «alerte" méthode:

alert ("Bonjour c'est notre première corde écrite en doubles-quottes");

Dans ce cas, une fenêtre contextuelle apparaîtra et nous obtiendrons notre sortie sur cette fenêtre:

Nous allons maintenant discuter de la deuxième méthode "modèle littéraux”Pour créer une chaîne en javascript.

Modèle littéraux

Le "modèle littéraux”Effectuez la même chose que la citation unique et le double Quote, mais avec quelques fonctionnalités supplémentaires. Le modèle littéral Les cordes sont entourées de «back-bricks"". Nous discuterons "modèle littéraux"En détail dans la dernière partie de cet article"Comment concaténer les chaînes en JavaScript".

Comment affecter une chaîne à une variable dans JavaScript

En JavaScript, nous pouvons créer une variable de trois manières avec le mot-clé «var», «let» ou avec le mot-clé «const». Alors, considérez l'exemple donné ci-dessous pour comprendre comment nous pouvons attribuer une chaîne à une variable:

const string1 = "chaîne attribuée à une variable const";
LET String2 = "String Attribué à une variable LET";
var string3 = "chaîne attribuée à une variable var";

Nous avons créé trois variables avec trois mots clés différents et nous avons attribué une chaîne à chacun d'eux comme:

Nous utiliserons la console.Méthode log () pour imprimer la sortie de ces chaînes:

Nous obtiendrons donc la sortie suivante sur notre console:

Comment concaténer les cordes en JavaScript

Le concaténate signifie combiner les chaînes multiples, nous pouvons concaténer plusieurs chaînes en utilisant l'opérateur de concaténation «+»:

const string1 = "Daniel";
Soit String2 = "Bryn";
console.log ("Nom de l'employé:", String1 + "" + String2);

Nous avons créé deux chaînes et les attribuer à deux variables différentes puis dans la console.Fonction de journal Nous avons concaténé les deux variables avec l'opérateur «+».

Dans le-dessus, nous combinons deux cordes et ajoutons un «espace blanc» entre eux. Lorsque nous exécutons le code, nous obtenons la sortie suivante:

Nous pouvons concaténer directement les chaînes sans attribuer leurs valeurs aux variables, comme nous l'avons fait dans l'exemple ci-dessous:

console.Log ("Name:", 'Michael' + "" + 'Clarke');

Dans cet exemple, nous combinons deux cordes, et parmi lesquelles un espace blanc:

Et nous obtenons la sortie suivante sur une exécution réussie:

Jusqu'à présent, nous avons travaillé sur les cordes avec une seule citation ou des cordes enfermées en double-quot. Nous allons maintenant considérer un exemple pour comprendre comment fonctionne le back-tick:

Soit First_name = "Daniel";
Selt full_name = 'Joe $ first_name';
console.log ("name:", full_name);

Dans cet exemple, nous combinons «First_name» avec «Joe» en utilisant (') et imprime la sortie sur la console:

Nous obtiendrons la sortie suivante pour le code ci-dessus:

Comment échapper aux caractères spéciaux en javascript

Comme nous l'avons vu dans les exemples ci-dessus que des citations simples et des citations doubles sont utilisées pour signifier les chaînes. Une question qui attire donc l'attention de chacun est de savoir comment gérer les apostrophes ou certains caractères spéciaux dans les cordes? Par exemple:

Laissez str = 'Je suis une chaîne!';;
console.log (str);

Donc dans cet exemple quand nous essayons d'écrire Je suis Dans une chaîne, cela ne fonctionnerait pas correctement:

Comme dans l'extrait ci-dessus, nous voyons que le code Visual Studio affiche une erreur, donc si vous êtes toujours, nous essayons d'exécuter ce code, nous obtiendrons la sortie suivante:

Par conséquent, pour lutter contre de tels cas spéciaux, JavaScript fournit des caractères spéciaux comme BackSlash '\', Tab '\ T' etc. Nous prendrons un exemple où nous ajouterons '\' dans la chaîne:

Soit str = 'i \' m une chaîne!';;
console.log ("la chaîne:", str);

Le '\' échappera à la citation unique comme:

Et nous obtiendrons la sortie résultante pour la chaîne comme:

Comment accéder à un caractère à partir d'une chaîne en javascript

Nous pouvons accéder à un caractère spécifique d'une chaîne à l'aide de fraises de tableau[]':

Laissez String = "Bonjour, c'est notre première corde écrite en doubles-quotes";
console.Log ("Caractère accessible:", String [8]);

Nous écrivons «String [8]» dans la méthode de la console qui détermine qu'il accède au caractère «8ème» de la chaîne et l'imprime sur la console:

Après une exécution réussie, nous obtiendrons le 8ème caractère de la chaîne qui est «I»:

Conclusion

Les cordes sont des données de données primitives et immuables et cet article fournit un aperçu complet de la travail de String avec l'aide d'exemples. Après avoir lu cet article, vous pourrez répondre aux questions comme comment créer une chaîne, comment afficher une chaîne, comment attribuer une chaîne à une variable, comment intégrer / concaténer une chaîne, comment échapper à un caractère spécial tout en travaillant avec des chaînes et comment accéder à un seul caractère d'une chaîne.