Principes de base JavaScript : chaînes

1. Bienvenue: Bienvenue dans ce cours, javascript, les fondamentaux. Javascript est l'un des langages de programmation les plus demandés aujourd'hui, et c'est un excellent langage pour commencer votre parcours de programmation. L'une des difficultés rencontrées lors de l'apprentissage code est de trouver les meilleures ressources pour les débutants. Ce cours vous présentera tous les sujets clés tels que les types de données primitifs, puis les objets et tableaux. Ce cours court et concis vous donnera une base solide de tous les principes de base et vous fournira suffisamment d' informations à travers exemples pour que vous puissiez vous entraîner seul. Je suis Emma et je travaille comme programmeur depuis sept ans. La plupart du temps, j'ai utilisé JavaScript et j'ai adoré la langue. J'ai également aidé suffisamment de personnes en cours de route à savoir quels sujets débutants devraient connaître. J'espère que vous apprendrez à aimer JavaScript autant que moi, et que vous apprécierez le cours. 2. Introduction aux chaînes: Une chaîne est un ensemble de caractères entre guillemets simples ou doubles. Une chaîne peut contenir n'importe quoi. Il ne doit pas s' agir uniquement de caractères de texte. Mais quels que soient les caractères placés entre guillemets, ils feront partie de la chaîne. Vous pouvez utiliser des guillemets simples ou doubles tant que vous utilisez les mêmes guillemets au début et à la fin de la chaîne. De retour dans la console, nous pouvons jeter un coup d'œil à quelques exemples avec des chaînes. Prenons donc la phrase, je suis une ficelle. Et nous allons mettre cela entre guillemets doubles et appuyer sur Entrée. Ensuite, nous avons notre première corde. Nous pouvons le refaire avec un jeu aléatoire de caractères et appuyer sur Entrée. Et puis, nous avons une autre corde. Vous pouvez utiliser n'importe quel caractère dans une chaîne. Il ne faut pas que ce soit juste une lettre. Mais tout ce que vous utilisez à l'intérieur des guillemets sera alors pris avec une ficelle. Donc, si je prends un nombre comme 1, 2, 3, et maintenant que les guillemets manquants, c'est maintenant aussi une chaîne. Il est donc important de se rappeler que lorsque vous utilisez des nombres dans une chaîne, vous travaillez réellement avec le type de données de chaîne, non le type de données numériques. Donc, tous les calculs que vous avez essayé d'effectuer, mais ils peuvent donner des surprises inattendues. Et ce n'est pas vraiment quelque chose que vous voulez faire trop souvent lorsque vous travaillez avec des chaînes, l'opérateur d'ajout arithmétique a également une utilisation totalement différente, et nous l'appelons maintenant la concaténation. opérateur. Donc, si j'ai essayé d'ajouter de la valeur à ma chaîne, disons que nous voulons essayer d'en ajouter cinq à la chaîne 123. Et nous allons appuyer sur Entrée. Vous pouvez voir qu'il est joint à la chaîne plutôt que d' incrémenter n'importe quelle valeur. 3. Indices de chaînes: Lorsque nous travaillons avec des chaînes, nous pouvons faire référence à chaque caractère la chaîne en tant qu'élément. Chacun de ces éléments de la chaîne possède un index en fonction de l'endroit où se trouve l'élément dans la chaîne. Vous pouvez penser à cela un peu comme un numéro de maison, selon l'endroit où se trouvent les maisons dans la rue. La seule différence avec les index dans les chaînes est qu'ils commencent à compter de 0. Nous les qualifions donc d'index 0. Donc, si vous aviez une chaîne qui ne contient que le mot disco, D aurait un index de 0 et la dernière lettre de la chaîne, la lettre I aurait un index de quatre. Pour trouver le premier caractère d'une chaîne, nous pouvons utiliser la notation entre crochets. La notation entre crochets utilise deux crochets comme celui-ci. Pour les éléments d'une chaîne, JavaScript utilise ce qu' on appelle l'indexation basée sur zéro. Cela signifie que le premier caractère de la chaîne se trouve à l'index 0, le deuxième caractère, un, etc. Ainsi, en utilisant la même approche, nous pouvons trouver la position de n'importe quel caractère dans la chaîne. Créons donc une variable, nous appellerons ça sport. Je vais initialiser cela avec la plongée à cordes. Maintenant, utilisez la notation entre crochets. Allons chercher la première lettre de la chaîne. Et puis, lorsqu'il s'agit de rechercher le dernier élément d'une chaîne, nous obtenons lorsqu'il s'agit de rechercher le dernier élément d'une chaîne, quatre éléments près de la fin de la chaîne. Au lieu de devoir compter tous les éléments de la chaîne pour trouver l'index, nous pouvons utiliser un raccourci. Nous pouvons passer la longueur de la chaîne entre crochets, puis en déduire une de cette valeur. Nous le faisons car n'oubliez pas que les chaînes sont indexées à 0. Créons donc une nouvelle variable. Cette fois, nous appellerons ça des fruits. Et nous allons initialiser cela avec la pomme à cordes. Voyons maintenant le dernier élément de cette chaîne. Et puis on obtient un. 4. Interpolation des chaînes: L'interpolation de chaînes décrit quand des variables sont injectées dans une chaîne. Dans la version ES6 de JavaScript, des littéraux de gabarit ont été introduits. Littéraux de modèle de manière récupérée pour interpoler ou injecter les variables ou expressions dans la chaîne, au lieu de devoir faire une concaténation. Un littéral de modèle est entouré de coches arrière au lieu des guillemets simples ou doubles habituels. La variable ou l'expression que vous souhaitez interpeller est enroulée à l'intérieur d'accolades et commence par un signe dollar. Essayons donc de faire quelques exemples d' interpolation de chaînes à l'aide de littéraux de modèle. Nous commencerons par la somme de base. Supposons que nous voulions en ajouter deux plus trois. Nous allons donc commencer le littéral du modèle avec la coche arrière. Et nous dirons que c'est la somme. Donc maintenant, nous voulons effectuer le calcul, utiliserons le signe dollar et une accolade ouvrante. Et la plupart des a2 plus a3 utiliseront l' attelle bouclée de fermeture et une tique arrière. Ensuite, nous appuierons sur Entrée. Et maintenant, vous pouvez voir les calculs effectués et il est dit que la somme est de 5. Essayons un autre exemple, mais cette fois, nous utiliserons une variable. Nous allons donc créer une variable appelée day. Et nous allons initialiser cela avec la chaîne mardi. Nous allons donc créer un nouveau littéral de modèle qui utilisera la coche arrière. Et nous dirons que c'est le jour. Nous voulons maintenant y injecter la variable jour. Nous allons donc utiliser le signe du dollar et une accolade ouvrante et le nom de l'arc de roulement, c' est-à-dire que j'utiliserai une attelle bouclée de fermeture suivie d'une autre tique arrière. Ensuite, nous appuierons sur Entrée. Et vous pouvez voir les variables qui sont injectées dans la chaîne. Et il est dit maintenant que le jour est mardi. 5. Concaténation des chaînes: Dans la dernière vidéo, nous avons introduit des chaînes et mentionné que l'opérateur d'ajout devient l'opérateur de concaténation lorsque vous travaillez avec des chaînes. Regardons ça un peu plus. Si vous avez deux chaînes distinctes, il se peut que vous souhaitiez joindre les deux chaînes ensemble. Peut-être que vous avez votre prénom et votre nom de famille est deux chaînes distinctes, mais vous souhaitez ensuite imprimer votre nom complet. Permettez-moi de joindre les deux cordes ensemble. Nous sommes en train de concaténer des chaînes. Lorsque vous concaténez des chaînes, il est important de ne pas oublier d'inclure un espace blanc entre les deux chaînes si vous le souhaitez. Allons de l'avant et nous allons créer deux variables. Un nom qui porte le nom rapide, et nous appellerons cela notre menace. Et puis une avec le nom de famille. Et nous appellerons ça des kilomètres. Nous pouvons donc voir ici que les deux chaînes sont séparées. Essayons maintenant de concaténer ces chaînes ensemble. Donc, si je dis nom rapide et nom de famille. Mais maintenant, vous pouvez comprendre pourquoi j'ai dit que nous devrions peut-être ajouter un espace entre les deux. Essayons donc à nouveau avec l'espace ajouté. Nous disons le prénom, l'espace et le nom de famille. Et appuyez sur Entrée, et nous obtenons le nom complet comme nous le voulions. 6. Chaînes : exercice 1: Dans les deux dernières vidéos, nous avons examiné l' interpolation de chaînes, où nous pouvons injecter des variables dans une chaîne. Ensuite, nous aurons la concaténation de chaînes, qui nous permet d'utiliser l'opérateur de concaténation pour joindre deux chaînes ensemble. Nous allons donc rassembler tout cela avec notre premier défi. Pour relever ce défi, nous utiliserons la Developer Console. Vous pouvez y accéder à l'aide de Chrome en atténuant le navigateur et en sélectionnant la console JavaScript View Developer. Pour la première partie de ce défi, vous devez créer deux variables. Première chaîne , puis deuxième flux. La chaîne rapide doit être initialisée avec la chaîne Hello. Et la deuxième chaîne doit être initialisée avec le monde des chaînes. À l'aide de l' opérateur de concaténation, vous devez joindre ces deux chaînes ensemble afin qu' elles produisent une nouvelle phrase, Hello World. Et cela doit être stocké dans une nouvelle variable appelée troisième chaîne. Une fois cela fait, la prochaine étape consiste à créer une variable finale que l'on peut trouver sur la chaîne. Cela devrait créer une chaîne en utilisant un littéral de modèle qui dit Hello world, vous êtes magnifique. Supposons la vidéo et donnez un coup de fouet. J'espère que vous parviendrez à relever ce défi. Parcourons-le ensemble. Nous commençons donc par créer une variable appelée première chaîne avec la chaîne Hello. Ensuite, nous créons une nouvelle variable appelée deuxième chaîne avec la chaîne wild. Nous créons maintenant une troisième variable appelée troisième chaîne. Et à l'aide de l'opérateur de concaténation, nous attribuons les valeurs à cette chaîne plus. Ensuite, nous ajoutons un espace blanc. Et puis la deuxième chaîne. Si nous nous souvenons de la variable de chaîne de chaume, nous pouvons voir que nous avons maintenant notre expression Hello World. Nous pouvons donc passer à autre chose et créer une variable finale appelée chaîne finale. Ce sera un littéral de modèle, donc nous utilisons des backticks. Ensuite, nous injectons notre troisième variable de chaîne. Et maintenant, nous pouvons continuer à compléter la chaîne avec le texte. Vous êtes magnifique. Nous rappelons maintenant notre dernière variable de chaîne et nous recevons la phrase bonjour world, vous êtes magnifique. 7. Chaînes et immutabilité: Bienvenue de retour. En JavaScript, les chaînes sont immuables. Cela signifie qu'une fois qu'une chaîne a été créée, tout ce que nous avons essayé de faire directement sur la chaîne ne modifiera pas la valeur initiale de la chaîne, c'est un peu comme dire, vous ne pouvez pas modifier votre date de naissance. une fois que vous êtes né. Commençons donc par créer une variable appelée salutation. Et nous allons initialiser cela avec la chaîne Hello. Essayons maintenant d'accéder au premier élément de la chaîne. Nous allons donc dire saluer les crochets avec 0. Et nous allons essayer d' attribuer la valeur. Rappelons maintenant la variable de salutation. Comme vous pouvez le constater, rien n'a changé. Et c'est parce que les chaînes sont immuables. Si nous voulions le faire, nous devrions créer une nouvelle chaîne et une nouvelle variable pour que la modification ait lieu. Il est très important de savoir quand vous regardez des méthodes de chaîne, car bon nombre de ces méthodes renverront une nouvelle chaîne avec la modification prévue par la méthode. Mais sans enregistrer réellement aucun de ces éléments dans la variable existante ou créer une nouvelle variable, vos modifications ne seront pas stockées. Nous allons donc élargir là-dessus et plus encore. Mais créez une deuxième variable et nous appellerons cela une nouvelle salutation. Et nous allons initialiser cela avec la valeur de la variable de salutation. Sauf que cette fois-ci, nous utiliserons la méthode TupperCase. Donc, si nous nous souvenons de la variable de salutation, vous pouvez voir que rien n'a changé. Maintenant, si vous vous souvenez de la nouvelle variable d'accueil, vous pouvez voir que nous obtenons la version modifiée de la variable de salutation. Pour résumer ici, si vous devez modifier une chaîne, vous devez modifier n'importe quelle variable ou dimanche à la variable existante. 8. Méthodes de chaînes: Javascript possède ce qu'on appelle un ensemble d'objets intégrés standard. Ceux-ci étendent les capacités de la langue pour nous aider à travailler avec elle. Il existe donc un objet date pour travailler avec des dates, un objet mathématique pour des calculs mathématiques plus approfondis. Il existe également un objet chaîne. Chacun de ces objets intégrés standard possède un ensemble de propriétés et de méthodes intégrées. Une méthode est essentiellement une fonctionnalité intégrée qui nous permet d' effectuer un processus ou une action. Par exemple, revenons aux chaînes, si nous voulions trouver un caractère spécifique dans la chaîne, ou peut-être que nous voulions remplacer quelque chose dans la chaîne. Nous pourrions utiliser des méthodes de chaîne pour nous aider à atteindre cet objectif. Toutes les méthodes suivent la même structure. Vous avez l'élément que vous souhaitez appeler la méthadone, suivi d'un point, suivi du nom de la méthode, suivi de parenthèses ouvertes et fermées. Le site Web de MDM Mozilla répertorie les méthodes dont nous disposons. Si vous visitez le site Web, puis regardez l'objet intégré avec lequel vous souhaitez travailler. Dans ce cas, chaîne. Vous pouvez voir toutes les méthodes et les propriétés sur le côté gauche. Il convient de noter cependant que si la méthode n'a pas été un symbole à côté, vous devez être conscient que cette méthode est obsolète. Cela signifie qu'il est préférable de ne plus utiliser ces méthodes car elles peuvent ne pas fonctionner dans tous les navigateurs. 9. La méthode ToUpperCase: Nous sommes donc prêts à examiner certaines méthodes de chaîne. Il y en a beaucoup, comme vous l'avez probablement déjà vu dans la documentation. Mais nous allons en essayer quelques-uns. Nous allons donc commencer par la méthode ToupperCase. Cette méthode permet de combattre les caractères de texte anciens d'une chaîne en caractères majuscules. La valeur renvoyée avec la méthode est la chaîne contenant des caractères majuscules. Créons donc une variable. On va appeler ça me rendre grand. Et nous allons initialiser cela avec la chaîne. Appelons maintenant la méthode majuscule sur la variable. Vous pouvez donc voir ici les méthodes qui nous sont suggérées dans la console. Vous pouvez donc simplement appuyer sur le bouton Tab votre clavier et vous n' aurez pas à tout taper. Et comme vous pouvez le constater, nous recevons la chaîne en majuscules. 10. La méthode toLowerCase: Ensuite, nous examinerons la méthode des deux minuscules. Cette méthode utilisera tous les caractères majuscules de la chaîne en minuscules. Et la valeur renvoyée par la méthode est la chaîne contenant tous les caractères en minuscules. Créons donc une nouvelle variable. Cette fois, on va appeler ça me faire fumer. Et nous allons initialiser cela avec une nouvelle chaîne. Et maintenant, appelons la méthode à deux minuscules. Nous allons appuyer sur le bouton Tab pour compléter automatiquement et ajouter des parenthèses. Et là, nous obtenons la chaîne minuscule. 11. String : exercice 2: Bienvenue de retour. Dans les dernières vidéos, nous avons introduit des méthodes et nous avons vu qu'en utilisant des méthodes telles que les majuscules et les minuscules, nous pouvons modifier la mise en forme de la chaîne. Maintenant, pour un défi, vous devez créer une variable appelée pets et vous devez l'initialiser avec une chaîne. J'ai un chien. Notez cependant que l'orbit du dernier élargissement de cette chaîne devrait être en majuscules. À l'aide d'une méthode, vous devez maintenant créer une nouvelle variable appelée animaux formatés. Et à l'intérieur de cette variable, vous devez stocker la chaîne d'animaux de compagnie, mais formatée à l'aide d'une méthode de sorte qu'aucune chaîne ne soit en majuscule. Alors mettez la vidéo en pause et récupérez ça il y a. J'espère que vous avez réussi à relever le défi. Parcourons-le ensemble. Nous créons donc une variable appelée pets, et nous l'initialisons avec la ficelle, j'ai un chien. Ensuite, nous créons une nouvelle variable appelée animaux formatés. Et nous attribuons cette variable aux animaux de compagnie. Mais nous voulons que la chaîne soit en minuscules. Nous appelons donc la méthode ToLowerCase sur la chaîne PET. Rappelons maintenant la variable animaux formatés. Vous pouvez voir qu'il y a la chaîne en minuscules que nous voulions. 12. Indexe :: Si nous devons trouver la position d'un élément spécifique dans une chaîne, nous pouvons utiliser l'index de méthode. À l'intérieur des paramètres, nous transmettons le caractère ou la valeur que nous recherchons. La méthode renvoie la position de la première instance de cet élément dans la chaîne. Si la valeur n'existe pas, une valeur négative sera renvoyée. Nous allons donc commencer par créer une variable. Appelons ça position. Et qu'est-ce qui initialise cela avec la chaîne, où suis-je ? Rappelons maintenant la variable. Et nous utiliserons l' index de la méthode. Et nous chercherons, hum, puis nous aurons l'indice de six. Essayons donc encore une fois. Mais cette fois, nous allons chercher l'index de la lettre Zed. Comme ce n'est pas dans la chaîne, on en obtient un négatif. 13. Longueur de la chaîne: Lorsque nous avons introduit des chaînes pour la première fois, j'ai mentionné que l'objet chaîne possède un ensemble de méthodes et de propriétés pour travailler avec des chaînes. L'une de ces propriétés est la propriété length. Lorsque nous ajoutons cela à la fin d'une chaîne , la longueur de la chaîne nous est renvoyée. Commençons donc par créer une ficelle avec un trois qui est mangé. Maintenant, si nous utilisons la propriété suivante, nous pouvons voir que la longueur de la chaîne est de trois. Si nous prenons une ficelle un peu plus longue, disons, belle journée. Vous pouvez voir que la longueur de la chaîne est de huit. espaces blancs sont donc comptés dans la longueur de cette chaîne avec les guillemets et non. Et la longueur des points de cordes comptant à partir d'un. Contrairement aux indices de la chaîne qui ont cessé de compter à 0. 14. Remplacer la méthode: La méthode replace extrait une section d' une chaîne et la remplace par une nouvelle valeur. La méthode replace prend deux paramètres. Le premier paramètre est la valeur de la chaîne que vous souhaitez remplacer. Et le deuxième paramètre est la valeur que vous souhaitez remplacer la largeur de la première valeur. Donc, quelques choses à noter. La méthode replace remplace uniquement la première instance de la valeur. Il n'affectera aucune instance récurrente d'une valeur. Et la valeur renvoyée avec méthode est la chaîne mise à jour avec la valeur de remplacement. Essayons donc ça. Nous allons créer une variable, appelons-la à votre sujet. Et nous allons initialiser cela avec la chaîne, vous êtes pris. Et rappelons ensuite la variable. Et nous utiliserons la méthode de remplacement. Et essayons de remplacer gentil par drôle. Ensuite, nous obtenons la nouvelle version de notre chaîne. 15. Méthodes de changement et unshift: La méthode shift nous est fournie par JavaScript et supprimera le premier élément d'un tableau. La méthode est très similaire à la méthode pop, mais elle supprime le premier élément au lieu du dernier élément. La valeur renvoyée de la méthode est celle qui a été supprimée du tableau. Nous allons donc créer une musique de code de tableau. À l'intérieur du tableau, nous ajouterons classique, du rock et du pop. Disons, disons que la musique Dot Shift. Et vous pouvez voir que le classique est retourné. Maintenant, si nous nous souvenons du tableau, vous pouvez voir qu'il ne comporte que deux éléments, pop et rock. Ainsi, pour ajouter des éléments au début d'un tableau, nous pouvons utiliser la méthode unshift. Unshift est très similaire à la méthode push, l' exception des éléments ajoutés au début du tableau. La valeur renvoyée à la méthode correspond au nombre d' éléments contenus dans le tableau après l'exécution de la méthode. Utilisons donc cela pour ajouter l'élément classique dans le tableau savvy, disons musique, point on shift. Et nous passerons en classique. Nous obtenons 3 est la valeur de retour. C'est donc la baie de récupération. Et vous pouvez voir que le classique a été ajouté à nouveau. 16. Méthode de garniture: Si nous travaillons avec une chaîne qui a espace blanc supplémentaire au début ou à la fin, nous pouvons supprimer cela à l'aide de la méthode trim. Commençons donc par les détails de la méthode de coupe. La valeur renvoyée avec méthode est une chaîne avec l' espace blanc supprimé. Si nous utilisons cette méthode sur une chaîne qui ne contient aucun espace blanc au début ou à la fin , la chaîne d'origine sera renvoyée sans modification. Commençons donc par créer une variable appelée Story. Et nous allons initialiser cela avec la chaîne une fois. Et ajoutons quelques espaces à la fin de la chaîne. Rappelons maintenant la variable. Et vous pouvez voir que nous obtenons la ficelle avec l'espace supplémentaire. Essayons maintenant d'utiliser la méthode de coupe. Nous allons donc dire histoire, doctrine. Et appuyez sur Entrée. Et vous pouvez voir que les espaces ont été supprimés. Mais essayons maintenant de rappeler la variable histoire. Vous pouvez donc voir que la chaîne d'origine n'a pas été mise à jour. Et c'est ce que nous voulons dire quand nous disons que les chaînes sont immuables. Essayons donc à nouveau. Mais cette fois, nous allons attribuer la méthode cool à la variable story. Nous dirons donc que l'histoire équivaut à la doctrine de l'histoire. Et appuyez sur Entrée. Maintenant, lorsque nous appelons la variable Story , vous pouvez voir la mise à jour. Qu'est-ce que 17. Merci: Merci d'avoir terminé ce cours. J'espère que vous avez vécu une expérience formidable et que vous avez beaucoup appris en cours de route. Dans ce cours, nous avons introduit des chaînes. Nous avons envisagé de travailler avec eux dans des variables. Nous avons ensuite mis en forme des chaînes à l'aide littéraux de concaténation et de modèles. Enfin, nous introduisons quelques méthodes pour manipuler des cordes et aimons entendre des questions ou des commentaires. Alors, s'il vous plaît, partagez vos pensées et j'espère que vous continuerez à apprendre cette excellente langue.