Logo N

Chapitre N°1 : Manipulez des données avec JavaScript

1-1 : Déclarez une variable

Informations sur les variables

Une variable est un élément de code comme par exemple une boite d'archive, un dossier qui fait référence à une position de stockage mémoire. il peut donc y avoir une variable dans une variable, comme des dossiers dans une boite à archive. Chaque variable a un nom, une référence. Il faut l'écrire en attaché avec une majuscule à chaque début de mot, comme par exemple : nomDeLaVariable. Il est important de bien la nommé et qu'elle reflète sont contenu pour une meilleur utilisation. Elle est composée d'élément de différent types de valeur, de données, comme par exemple le type string/texte, number/chiffre, boolean, complexes...

Une variable est un élément de code qui se déclarer, se créer avec une instruction "var", "let" ou "const" en fonction de l'utilisation que l'on veut en faire, contenant des valeurs, des données de différents types.

Écritures d'une variable

1 instruction nomDeLaVariable opérateur ({) (") valeur (") (, (")autre valeur(") ) (})

Cliquer pour agrandir :

Les instructions

L'instruction "var" est l'anciènne façon de déclarer une variable qui peut encore être rencontrer.

1 var monPrenom = "Nadège"

L'instuction "const" (constante) est utiliser pour déclarer une variable qui est censé est figé, comme par exemple un prénom (Nadège), le nom d'un produit etc...

1 const monPrenom = "Nadège"

L'instruction "let" (laisser) est utiliser pour déclarer une variable qui potencielement peut changer, comme par exemple un age, un prix etc...

1 let age = 50

nomDeLaVariable

Pour une bonne pratique et une meilleur visibilité pour tous, le nom de la variable doit refléter son contenu le plus précisement possible. Exemple, pour déclarer un prénom, donner comme nom à la variable "monPrenom" avec comme valeur "le prénom".

1 const monPrenom = "Nadège"

L'opérateur "="...

Les opérateurs servent à déclarer et à modifier une variable.

Exemple d'une déclaration :

1 let age = 50

Ici, nous utilisons l'opérateur "=" pour déclarer le contenu de la ou les valeur(s). Mais il en existe d'autre, comme par exemple "+=" pour ajouter une valeur. Voir "Les opérateurs" dans le chapitre 2 : modifier une variable.

Exemple de modification d'une variable par addition += , pour rajouter un an de plus pour un résultat de 51 écrire :

1 age += 1

Autres opérateurs : -= : soustraction, *= : multiplication, /= : division. Plus de détail : Mdn

Les synthaxes

Syntaxes des valeurs

La syntaxes de la valeur va être différente en fonction de son type (string(texte), number(nombre)...), de la façon de déclarer une ou plusieurs valeurs.

Type string (texte) : avec des "valeur"
1 instruction nomDeLaVariable = "valeur"

Exemple :

1 let ville = "La Roche sur Yon"

Type number (nombre) : pas de "", juste la valeur
1 instruction nomDeLaVariable = valeur

Exemple :

1 let departement = 85000

Déclarer une seule valeur :

Voir les deux exemples précedent.

Exemple :

1 let ville = "La Roche sur Yon"

Exemple :

1 let departement = 85000

Toute fois, il y a d'autres exemples. Par exemple, on peut déclarer une seule valeur avec plusieurs valeurs à l'interrieur. Par exemple, dans la déclaration d'une variable de type string (texte) vu ci-dessus. Si on déclarer un chiffre avec la syntaxe de type string (texte) il sera considérer comme du texte et non comme un chiffre. Exemple : "La Roche sur Yon, 85000" est une considérer comme une seule valeur regroupant ces informations.

1 let maVille = "La Roche sur Yon, 85000"
Déclarer plusieurs valeurs (propriété) : clé: (")valeur("),

Pour cela nous allons voir deux possibilités. La déclaration d'objet et par addition de variables.

Déclaration d'objet (propriété) : clé: (")valeur("),

Lorsque l'on veux déclarer plusieurs valeurs cela équivaut à déclarer entre accolade différentes propriétés avec une clé (mot): et une (")valeur("),

NB : nous le verrons plus tard, mais ici, on dit que c'est des propriétés uniquement du fait qu'elle soit déclarer entre accolade qui correspond à déclarer un objet. Si nous mettions des crochet [] pour déclarer un tableau ou lieu d'un objet, ce seraient des éléments au lieu de propriétés.

1 instruction nomDeLaVariable = {

clé: (")valeur(") ,

clé: (")valeur(") ,

}

Pour reprendre l'exemple précedent, nous allons déclarer deux valeur "La Roche sur Yon" de type spring (texte) et 85000 de type number, le tous entre des {}, des ":" après le nom de la clé et une virgule à chaque fin de déclaration, comme ceci

Exemple :

1 let maVille = {

ville: "La Roche sur Yon" ,

departement: 85000 ,

}

Déclaration par addition de variable : variable = varaible1 + variable2

Pour cela il faut avoir préalablement déclarer deux varaibles (variable 1 et variable 2). on reprendra celles précédement énoncé pour montrer cette exemple

Variable1 :

1 let ville = "La Roche sur Yon, "

Variable2 :

1 let departement = 85000

Variable = variable1 + variable 2 s'écrira comme ceci :

1 let maVille = ville + departement

Convention de fin de déclatation d'une variable avec ";"

Tous comme pour CSS3, la fin de la ligne de commande déclarer peut se terminer par ";" qui signifie la fin de la demande, mais ce n'est pas obligatoire, cela est une question de convention au départ.

1 let maVille = "La Roche sur Yon, 85000" ;

1 let maVille = {

ville: "La Roche sur Yon" ,

departement: 85000 ,

} ;

En cours de construction, merci pour votre compréhension.