Exam-Lib: Variables JavaScript: type de variable javascript | Exam-Lib
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
Dismiss Notice
Welcome to our Education website, plz like our page facebook to support us. Thank You and wish you good navigation

Variables JavaScript: type de variable javascript

abdelouafiNov 2, 2018

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      727
      Likes Received:
      14
      Trophy Points:
      38
      Joined
      Sep 13, 2016
      Les variables JavaScript sont des conteneurs pour stocker des valeurs de données.

      Dans cet exemple, x, y et z sont des variables:

      Exemple
      Code:
      var x = 5;
      var y = 6;
      var z = x + y;
      Le programme complet est:
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Dans cet exemple, x, y et z sont des variables. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var x = 5;
      var y = 6;
      var z = x + y;
      document.getElementById ("demo"). innerHTML =
      "La valeur de z est:" + z;
      </ script>
      
      </ body>
      </ html>
      Dans l'exemple ci-dessus, vous pouvez vous attendre à:

      • x stocke la valeur 5
      • y stocke la valeur 6
      • z stocke la valeur 11

      Un peu comme l'algèbre
      Dans cet exemple, price1, price2 et total sont des variables:

      Exemple
      Code:
      var price1 = 5;
      var price2 = 6;
      var total = price1 + price2;
      Le programme complet est:
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p id = "demo"> </ p>
      
      <script>
      var prix1 = 5;
      var prix2 = 6;
      var total = prix1 + prix2;
      document.getElementById ("demo"). innerHTML =
      "Le total est:" + total;
      </ script>
      
      </ body>
      </ html>
      En programmation, comme en algèbre, nous utilisons des variables (telles que price1) pour conserver des valeurs.

      En programmation, comme en algèbre, nous utilisons des variables dans les expressions (total = price1 + price2).

      À partir de l'exemple ci-dessus, vous pouvez calculer le total à 11.

      Remarque:
      Les variables JavaScript sont des conteneurs pour stocker des valeurs de données.

      Identifiants JavaScript
      Toutes les variables JavaScript doivent être identifiées avec des noms uniques.

      Ces noms uniques sont appelés identificateurs.

      Les identifiants peuvent être des noms courts (comme x et y) ou des noms plus descriptifs (âge, somme, totalVolume).

      Les règles générales pour la construction de noms de variables (identificateurs uniques) sont les suivantes:
      signes dollar.
      • Les noms doivent commencer par une lettre
      • Les noms peuvent aussi commencer par $ et _ (mais nous ne l'utilisons pas dans ce tutoriel)
      • Les noms sont sensibles à la casse (y et Y sont des variables différentes)
      • Les mots réservés (comme les mots-clés JavaScript) ne peuvent pas être utilisés comme noms

      Remarque: Les identifiants JavaScript sont sensibles à la casse.
      L'opérateur d'affectation
      En JavaScript, le signe égal (=) est un opérateur "affectation" et non un opérateur "égal à".

      Ceci est différent de l'algèbre. Ce qui suit n'a pas de sens en algèbre:
      Code:
      x = x + 5
      
      En JavaScript, cependant, cela a du sens: il attribue la valeur de x + 5 à x.

      (Il calcule la valeur de x + 5 et place le résultat dans x. La valeur de x est incrémentée de 5.)

      Remarque:
      L'opérateur "égal à" est écrit comme == en JavaScript.

      Types de données JavaScript
      Les variables JavaScript peuvent contenir des nombres comme 100 et des valeurs textuelles comme "John Doe".

      En programmation, les valeurs de texte sont appelées chaînes de texte.

      JavaScript peut gérer de nombreux types de données, mais pour l'instant, il suffit de penser aux nombres et aux chaînes.

      Les chaînes sont écrites entre guillemets doubles ou simples. Les nombres sont écrits sans guillemets.

      Si vous mettez un nombre entre guillemets, il sera traité comme une chaîne de texte.

      Exemple
      Code:
      var pi = 3,14;
      var person = "John Doe";
      var answer = 'Oui je suis!';
      Le programme complet est:
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Les chaînes sont écrites avec des guillemets. </ p>
      <p> Les nombres sont écrits sans guillemets. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var pi = 3,14;
      var person = "John Doe";
      var answer = 'Oui je suis!';
      
      document.getElementById ("demo"). innerHTML =
      pi + "<br>" + personne + "<br>" + réponse;
      </ script>
      
      </ body>
      </ html>
      Déclarer (créer) des variables JavaScript
      La création d'une variable en JavaScript s'appelle "déclarer" une variable.

      Vous déclarez une variable JavaScript avec le mot clé var:
      Code:
      var carName;
      
      Après la déclaration, la variable n'a aucune valeur. (Techniquement, il a la valeur indéfini)

      Pour attribuer une valeur à la variable, utilisez le signe égal:
      Code:
      carName = "Volvo";
      
      Vous pouvez également affecter une valeur à la variable lorsque vous la déclarez:
      Code:
      var carName = "Volvo";
      
      Dans l'exemple ci-dessous, nous créons une variable appelée carName et lui affectons la valeur "Volvo".

      Ensuite, nous "sortons" la valeur dans un paragraphe HTML avec id = "demo":

      Exemple
      Code:
      <p id="demo"></p>
      
      <script>
      var carName = "Volvo";
      document.getElementById("demo").innerHTML = carName;
      </script>
      Le programme complet est:
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Créez une variable, attribuez-lui une valeur et affichez-la: </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var carName = "Volvo";
      document.getElementById ("demo"). innerHTML = carName;
      </ script>
      
      </ body>
      </ html>
      Il est recommandé de déclarer toutes les variables au début d'un script.

      Une déclaration, plusieurs variables
      Vous pouvez déclarer plusieurs variables dans une instruction.

      Commencez l'instruction avec var et séparez les variables par une virgule:

      Code:
      var person = "John Doe", carName = "Volvo", price = 200;
      
      Le code complet est:
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Vous pouvez déclarer plusieurs variables dans une seule instruction. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var person = "John Doe", carName = "Volvo", prix = 200;
      document.getElementById ("demo"). innerHTML = carName;
      </ script>
      
      </ body>
      </ html>
      Une déclaration peut s'étendre sur plusieurs lignes:
      Code:
      var person = "John Doe",
      carName = "Volvo",
      price = 200;
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Vous pouvez déclarer plusieurs variables dans une seule instruction. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var person = "John Doe",
      carName = "Volvo",
      prix = 200;
      document.getElementById ("demo"). innerHTML = carName;
      </ script>
      
      </ body>
      </ html>

      Valeur = non définie
      Dans les programmes informatiques, les variables sont souvent déclarées sans valeur. La valeur peut être quelque chose qui doit être calculé, ou quelque chose qui sera fourni plus tard, comme une entrée utilisateur.

      Une variable déclarée sans valeur aura la valeur indéfinie.

      La variable carName aura la valeur indéfinie après l'exécution de cette instruction:

      Exemple
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Une variable déclarée sans valeur aura la valeur indéfinie. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var carName;
      document.getElementById ("demo"). innerHTML = carName;
      </ script>
      
      </ body>
      </ html>

      Nouvelle déclaration des variables JavaScript
      Si vous re-déclarez une variable JavaScript, elle ne perdra pas sa valeur.

      La variable carName aura toujours la valeur "Volvo" après l'exécution de ces instructions:

      Exemple
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Si vous re-déclarez une variable JavaScript, elle ne perdra pas sa valeur. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var carName = "Volvo";
      var carName;
      document.getElementById ("demo"). innerHTML = carName;
      </ script>
      
      </ body>
      </ html>

      Arithmétique JavaScript
      Comme avec l'algèbre, vous pouvez faire de l'arithmétique avec des variables JavaScript, en utilisant des opérateurs comme = et +:

      Exemple
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Résultat de l'ajout de 5 + 2 + 3: </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var x = 5 + 2 + 3;
      document.getElementById ("demo"). innerHTML = x;
      </ script>
      
      </ body>
      </ html>
      Vous pouvez également ajouter des chaînes, mais les chaînes seront concaténées:

      Exemple
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Résultat de l'ajout de "John" + "" + "Doe": </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var x = "John" + "" + "Doe";
      document.getElementById ("demo"). innerHTML = x;
      </ script>
      
      </ body>
      </ html>
      Essayez aussi ceci:

      Exemple
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Résultat de l'ajout de "5" + 2 + 3: </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      x = "5" + 2 + 3;
      document.getElementById ("demo"). innerHTML = x;
      </ script>
      
      </ body>
      </ html>

      Remarque: Si vous mettez un nombre entre guillemets, les autres numéros seront traités comme des chaînes et concaténés.

      Maintenant, essayez ceci:

      Exemple
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Variables JavaScript </ h2>
      
      <p> Résultat de l'ajout de 2 + 3 + "5": </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var x = 2 + 3 + "5"
      document.getElementById ("demo"). innerHTML = x;
      </ script>
      
      </ body>
      </ html>
       
      Related Threads
      Loading...

      Merci de partager ce post sur facebook

    2. Merci d'aimer notre facebook page

Share This Page