Easy-Micro

LANGAGE JavaScript
Variable et constante

Les variables et les constantes en javaScript

javascript Qu'est ce qu'une variable ?

Une variable est un conteneur pour une valeur, tel un nombre à utiliser ou une chaîne devant faire partie d'une phrase. Mais un aspect spécial des variables est que les valeurs contenues peuvent changer.

let monage = 18;
monage = 50;
la valeur 50 écrase la valeur 18 qui disparait

javascript Déclaration de variable

Les variables sont déclarées avec le mot clé "let" ou "var" - de façon explicite, c'est à dire sans déclarer le type. Exemple: var mavariable = "bonjour";. Cependant, il est tout de même possible de déclararer le type d'une variable avec le mot clé new :

let titresite = new String();
titresite = "Mon site à moi que j'aime";

On peut également initialiser une variable en même temps qu'on la déclare :
let mavariable = new Number(56);
Notez cependant qu'aucune erreur de compilation n'apparaitra si vous initialisez cette variable avec un autre type.

javascript Qu'est ce qu'une constante ?

Une constante est une variable qui ne change pas durant l'exécution du programme, ce sont des données immuables (constantes). Elle est déclarée avec le mot clé "const"

const MACONSTANTE = 5;
MACONSTANTE = 7;
Le résultat provoque une erreur de compilation

javascript Type de données

On distingue plusieurs types de données en JavaScript :
  • Les nombres : number (int, float)
  • Les chaines de caractère : string,
  • Les booléens (valeur logique) : true ou false
  • Null
  • Udefined
  • Symbol
La fonction typeof() appliquée à une variable retourne son type
let titresite = "Mon site à moi que j'aime";
window.console.log("Titre du site : " + titresite);
window.console.log("Type de variable : " + typeof(titresite));
> Voir cet exemple Easy-Micro

La fonction parseInt() permet de convertir une variable de type chaîne de caractère en nombre entier. Syntaxe: parseInt(chaîne)
<script>
let a = "10"; // le nombre 10 est une chaîne puisqu'entre guillemets
let b = "20";
window.console.log("Opération 1 : ", a + b);
window.console.log("Opération 2 : ", parseInt(a) + parseInt(b));
</script>
Résultat :

On peut déterminer si une variable est un nombre ou pas avec la fonction isNaN :
let mavariable = "1x";
window.console.log(isNaN(mavariable));
Résultat : true (soit pas un nombre)

javascript Portée des variables

La portée d'une variable est fonction de l'endroit où on la déclare et de la façon dont-on la déclare.

Variable globale

Si une variable est déclarée sans le mot clé "var", cette variable est accessible de partout dans le script. On parle de variable globale.

Variable locale

Si une variable est déclarée avec le mot clé "var", la variable est dite locale à la fonction dans laquelle elle est déclarée uniquement si cette variable est déclarée dans la fonction. Elle ne sera donc pas utilisable ailleurs. Si cette variable est déclarée toujours avec le mot clé "var" mais hors de la fonction, elle reste globale. Si une variable est déclarée avec le mot clé let, sa portée est limitée à celle du bloc dans lequel elle est déclarée.

Exemple de variable déclarée en dehors d'une fonction
<script>
var z = 10;
function foisdeux(x) {
var z = x * 2;
return z; } window.console.log("Valeur de z dans la fonction : " + foisdeux(3), " - Valeur de z hors de la fonction : " + z); </script>
Résultat :
Note sur cet exemple: La variable z est déclarée au dessus de la fonction "foisdeux" donc en dehors de la fonction. Elle est donc globale. Ce qui explique pourquoi la valeur de z est toujours à 10 alors quelle a reçue la valeur 6 dans l'opération (3 x 2).

javascript Opérateurs arithmétiques

Afin d'effectuer des opérations mathématiques de base

Addition de deux variables :
let totalCDs = 67;
let totalVinyls = 34;
let totalMusic = totalCDs + totalVinyls;
Idem pour la soustraction(-), multiplication(*) et division (/)

Pour ajouter ou soustraire un nombre d'une variable, vous pouvez utiliser les opérateurs += et -= :
let cookiesDansBoite = 10;
 
/* manger deux cookies */
cookiesDansBoite -= 2;  //il reste 8 cookies
 
/* cuisson d'un nouveau lot de cookies */ 
cookiesDansBoite += 12; // il y a maintenant 20 cookies dans la boîte

Enfin, vous pouvez utiliser ++ ou -- pour ajouter ou soustraire 1 (incrément ou décrément) :
let numberOfLikes = 10;

numberOfLikes++;  // cela fait 11

numberOfLikes--; // et on revient à 10.

javascript Exercice sur les opérateurs

Calculez le nombre total de visionnage en heures
let numberOfSeasons = 6;
let numberOfEpisodes = 12;

let episodeTime = 45;
let commercialTime = 5;

let totalShowTime = ??????????
Résultat dans JS Bin


< Page précédente JAVASCRIPT Page suivante >