Apprendre à coder sur pierre-giraud.com

DES COURS COMPLETS ET GRATUITS POUR TOUS

SOMMAIRE

Introduction

  1. Présentation du cours
  2. Introduction au JavaScript
  3. Environnement de travail

Les bases en JavaScript

  1. Où écrire le JavaScript
  2. Syntaxe et commentaires
  3. Découverte des variables
  4. Les types de valeurs
  5. Opérations sur les variables
  6. La concaténation
  7. Présentation des conditions
  8. Les conditions if, if...else, if...else if...else
  9. Opérateurs logiques
  10. Evaluation / Simplification des conditions
  11. Conditions ternaires
  12. Switch
  13. Les boucles
  14. Découverte des fonctions
  15. Test n°1

Les objets en JavaScript

  1. Définition et découverte
  2. Valeurs primitives et objets
  3. Créer des objets
  4. Les méthodes de l’objet String
  5. Les méthodes de l’objet Number
  6. Découverte de l’objet Array
  7. Les méthodes de l’objet Array
  8. Découverte de l’objet Date
  9. Les méthodes de l’objet Date
  10. L’objet Math et ses méthodes
  11. Test n°2

Notions avancées sur les fonctions

  1. La portée en JavaScript
  2. Les fonctions anonymes
  3. Les fonctions auto-invoquées
  4. Les closures JavaScript
  5. Test n°3

Le DOM HTML

  1. Découverte du DOM HTML
  2. Accéder à un élément HTML
  3. Modifier du contenu HTML
  4. Ajouter et insérer des éléments HTML
  5. Modifier ou supprimer des éléments HTML
  6. Naviguer dans le DOM
  7. Les évènements en JavaScript
  8. AddEventListener()
  9. Propagation des évènements
  10. L'objet Event
  11. Test n°4

Le BOM - Browser Object Model

  1. Le BOM et l'objet Window
  2. L'objet Screen
  3. L'objet Navigator
  4. L'objet Location
  5. L'objet History
  6. Test n°5

Les expressions régulières

  1. Découverte des regex en JavaScript
  2. Recherches et remplacements
  3. Les quantifieurs et les options
  4. Les classes de caractères et les méta-caractères
  5. Test n°6

JavaScript et formulaires

  1. Rappels sur les formulaires en HTML
  2. Validation HTML des formulaires
  3. Validation JavaScript des formulaires
  4. Test n°7

L'élément HTML canvas

  1. Découverte de l'élément canvas
  2. Dessiner des rectangles
  3. Dessiner des lignes
  4. Dessiner des arcs de cercle
  5. Créer des dégradés
  6. Insérer du texte et des images
  7. Incliner un dessin
  8. Test n°8

Notions avancées

  1. Gestion du délai d'exécution
  2. La gestion des erreurs
  3. Le mode strict
  4. Test n°9

Conclusion

  1. Conclusion - Aller plus loin

LA CONCATENATION EN JAVASCRIPT

La concaténation : définition et exemples

Concaténer signifie tout simplement mettre bout à bout deux chaînes de caractères afin d’en former une troisième, nouvelle.

Concaténer, c’est donc « additionner » des chaînes de caractères.

En JavaScript, on va pouvoir concaténer grâce à l’opérateur « + ».

Evidemment, nous allons pouvoir appliquer cet opérateur directement à nos variables afin de concaténer leurs contenus respectifs.

Voyons immédiatement un exemple concret :

La concaténation en JavaScript

On affiche les résultats des concaténations

Essayer ce code !

Ici, nous avons utilisé la concaténation pour « additionner » les valeurs contenues dans prenom, espace et dans nom. Nous avons ensuite stocké le résultat de cette concaténation dans une nouvelle variable moi.

Ensuite, nous avons fait de même avec la variable toi en concaténant cette fois-ci non plus des variables, mais directement des valeurs entre elles.

Finalement, nous avons concaténé une variable avec une valeur. A noter évidemment qu’on ne concatène jamais véritablement des variables (c’est un abus de langage), mais seulement les valeurs contenues dans ces variables.

Finalement, nous avons utilisé la concaténation pour afficher le contenu de toutes nos variables d’un coup au sein d’un même alert().

La seule chose à laquelle vous devez faire attention ici est l’utilisation des apostrophes / guillemets : on ne s’en sert que pour entourer les chaînes de caractères, et non pas pour les variables.

Additionner un nombre et une chaîne de caractères

Si l’on tente « d’additionner » un nombre et une chaîne de caractères, tout ce qu’il y a derrière la chaîne de caractères sera également considéré comme une chaine de caractères par le JavaScript.

Regardons les exemples suivants :

On additionne un nombre et une chaîne de caractères entre eux

Tout ce qui se situe derrière une chaine de caractères est considéré comme tel par le JavaScript

Essayer ce code !

Ici, pour notre variable x, le JavaScript va commencer par additionner 2 et 4 naturellement, puis va ajouter la chaîne de caractères « 1 » au résultat (c’est-à-dire à 6). Cela donne donc le résultat « 61 ».

Dans le second cas, le JavaScript va considérer tout ce qui se trouve derrière la chaîne de caractères « 1 » comme une chaîne de caractères, et va donc concaténer 1, 2 et 4 pour donner « 124 ».

On peut également observer plus clairement cela avec notre troisième variable z, qui va stocker « 2un4 ».

Chapitre précédent

Chapitre suivant