Les bases de

JavaScript
 La concaténation en JavaScript

Concaténer signifie littéralement « mettre bout à bout ». La concaténation est un mot généralement
utilisé pour désigner le fait de rassembler deux chaines de caractères pour en former une nouvelle.
En JavaScript, l’opérateur de concaténation est le signe +. Faites bien attention ici : lorsque le signe +
est utilisé avec deux nombres, il sert à les additionner. Lorsqu’il est utilisé avec autre chose que deux
nombres, il sert d’opérateur de concaténation.
 Les littéraux de gabarits

On a vu plus tôt dans ce cours qu’il fallait en JavaScript toujours entourer nos chaines de caractères (nos textes) avec
des apostrophes ou des guillemets droits.

Il existe en fait une troisième manière introduite récemment d’entourer des chaines de caractères en JavaScript qui va
utiliser des accents graves `.

La grande différence entre l’utilisation d’accents graves ou l’utilisation d’apostrophes ou de guillemets est que toute
expression placée entre les accents graves va être interprétée en JavaScript. Pour le dire simplement : tout ce qui
renvoie une valeur va être remplacé par sa valeur.

Cela signifie notamment qu’on va pouvoir placer du texte et des variables ensemble sans avoir besoin d’utiliser
d’opérateur de concaténation puisque les variables vont être interprétées, c’est-à-dire remplacées par leur valeur.

Pour que cela fonctionne bien, il va cependant falloir respecter une certaine syntaxe : il va falloir placer les expressions
entre ${ et }.

Comme vous pouvez le remarquer, les deux instructions alert() renvoient un résultat équivalent. Notez également que
l’utilisation des littéraux de gabarits conserve les retours à la ligne et les décalages dans le résultat final.
 Définition et utilité des constantes en
JavaScript
Une constante est similaire à une variable au sens où c’est également un conteneur pour une valeur. Cependant, à la
différence des variables, on ne va pas pouvoir modifier la valeur d’une constante.

Les constantes vont être très utiles dans le cadre d’un script qui va réutiliser souvent la même valeur mais qui doit toujours
utiliser cette valeur exactement. Dans ce cas-là, plutôt que de réécrire la valeur à chaque fois, nous allons stocker la valeur
dans une constante et utiliser la constante.

Pour créer ou déclarer une constante en JavaScript, nous allons utiliser le mot clef const.
Les operations
sur les strings
 Lenght
Pour obtenir la longueur d'une chaîne de caractères, vous pouvez utiliser la propriété length.
 L’indexation

Vous pouvez accéder à des caractères individuels dans une chaîne de caractères en
utilisant l'opérateur d'indexation []. Les indices commencent à partir de zéro.
 Conversion en maj ou min

Vous pouvez convertir une chaîne de caractères en majuscules ou en minuscules en utilisant les
méthodes toUpperCase() et toLowerCase().
toUpperCase() : Convertir une chaîne de caractères en majuscules
toLowerCase() : Convertir une chaîne de caractères en minuscules
 La méthode index0f() et includes()

Vous pouvez rechercher une sous-chaîne dans une chaîne de caractères en utilisant la méthode
indexOf() ou la méthode includes().
Lorsque vous utilisez la méthode indexOf() sur une chaîne de caractères, elle renvoie la position
de la première occurrence de la sous-chaîne recherchée. Les indices de la chaîne commencent à
partir de zéro.
La méthode includes() est une méthode des chaînes de caractères en JavaScript. Elle est utilisée
pour vérifier si une sous-chaîne spécifique est présente dans une chaîne donnée. La méthode
renvoie une valeur booléenne (true ou false) en fonction du résultat de la recherche.
 Les tableaux
Les tableaux en JavaScript sont des structures de données qui vous permettent de stocker et
d'organiser des éléments de manière séquentielle. Les tableaux peuvent contenir des valeurs de
n'importe quel type, y compris des nombres, des chaînes de caractères, des objets, d'autres
tableaux, etc.
 Déclaration d'un tableau
Pour déclarer un tableau en JavaScript, vous pouvez utiliser la notation entre crochets [] ou le
constructeur Array().
Le constructeur Array() en JavaScript est utilisé pour créer un nouvel objet de type tableau (array). Il peut
être utilisé avec ou sans l'opérateur new.
 Accès/ Modifier les éléments d'un tableau
Les éléments d'un tableau sont accessibles par leur index (position dans le tableau), l'index
commence à zéro.

Modification des éléments d'un tableau :

Vous pouvez modifier un élément du tableau en utilisant son index.
Propriétés et méthodes des tableaux
Propriétés et méthodes des tableaux
Propriétés et méthodes des tableaux
Propriétés et méthodes des tableaux
Propriétés et méthodes des tableaux
Propriétés et méthodes des tableaux
Propriétés et méthodes des tableaux
 Type Objet (Object)
Admettons que nous voulons créer un site web, et que nous voulons stocker les informations des
utilisateurs.
• Pour cela nous faisons appel à un objet.
• Un objet (object) est une variable qui nous permet de stocker plusieurs types de données
( string, number, boolean, etc).
• On dit dans ce cas là qu’un objet est de type complexe.
 Objet (Object)
Un objet, en informatique, est un ensemble cohérent de données et de fonctionnalités qui vont
fonctionner ensemble. Pour le dire très simplement, un objet en JavaScript est un conteneur qui
va pouvoir stocker plusieurs variables qu’on va appeler ici des propriétés. Lorsqu’une propriété
contient une fonction en valeur, on appelle alors la propriété une méthode. Un objet est donc un
conteneur qui va posséder un ensemble de propriétés et de méthodes qu’il est cohérent de
regrouper.
Ils sont définis à l'aide de la syntaxe d'accolades {} et peuvent contenir des paires clé-valeur, où
chaque clé est une propriété et chaque valeur est la valeur associée à cette propriété
Une paire clé-valeur, également appelée couple clé-valeur, est une structure de données couramment
utilisée pour associer une valeur à une clé. En JavaScript, une paire clé-valeur est souvent utilisée pour
représenter les propriétés d'un objet.
 Déclaration d'un Objet
Les propriétés peuvent être de différents types, y compris des nombres, des chaînes de
caractères, des tableaux, d'autres objets, des fonctions, etc..
Les objets et les classes
Les propriétés d'un objet peuvent être accédées à l'aide de la notation par point
(objet.nomDePropriete)
 Accès et Modification des Propriétés

Vous pouvez accéder et modifier les propriétés d'un objet en utilisant la notation par point ou la notation
entre crochets.
 Accéder aux propriétés d’un objet
Les propriétés d'un objet peuvent être accédées à l'aide de la notation entre crochets
(objet["nomDePropriete"])
 Modifier une propriété d’un objet
Pour modifier la valeur d'une propriété existante dans un objet, vous pouvez simplement
assigner une nouvelle valeur à cette propriété.
 Ajouter une propriété
Pour ajouter une nouvelle propriété à un objet existant, vous pouvez utiliser la notation par
point ou la notation entre crochets.
 Supprimer une propriété
Pour supprimer une propriété d'un objet, vous pouvez utiliser l'opérateur delete suivi du nom
de la propriété.
ATTENTION: Notez que la suppression d'une propriété la supprime complètement de l'objet, et
si vous essayez d'accéder à cette propriété après l'avoir supprimée, cela renverra undefined.
Fin