Derniers tutoriels de développement web
 

JavaScript Variables


Variables JavaScript

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

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

Exemple

var x = 5;
var y = 6;
var z = x + y;
Essayez - le vous - même »

Dans l'exemple ci-dessus, vous pouvez vous attendre:

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

Tout comme l'algèbre

Dans cet exemple, price1, price2 , et au total , sont des variables:

Exemple

var price1 = 5;
var price2 = 6;
var total = price1 + price2;
Essayez - le vous - même »

Dans la programmation, tout comme en algèbre, nous utilisons des variables (comme price1 ) pour contenir des valeurs.

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

Dans l'exemple ci - dessus, vous pouvez calculer le total des être 11.

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


JavaScript Identifiers

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

Ces noms uniques sont appelés identifiants.

Identifiants peuvent être des noms courts (comme x et y ), ou des noms plus descriptifs (age, sum, totalVolume) .

Les règles générales pour construire des noms pour les variables (identificateurs uniques) sont:

  • Les noms peuvent contenir des lettres, des chiffres, des caractères de soulignement, et des signes dollar.
  • Les noms doivent commencer par une lettre
  • Les noms peuvent aussi commencer avec $ et _ (mais nous ne l'utiliser dans ce tutoriel)
  • Les noms sont sensibles à la casse (y et Y sont des variables différentes)
  • Les mots réservés (comme mots-clés JavaScript) ne peuvent pas être utilisés comme noms

identificateurs JavaScript sont sensibles à la casse.


L'opérateur d'affectation

En JavaScript, le signe égal (=) est un opérateur "cession", pas un "égal à" opérateur.

Ceci est différent de l'algèbre. Ce qui suit n'a pas de sens dans l'algèbre:

x = x + 5

En JavaScript, cependant, il est parfaitement logique: il affecte la valeur de x + 5 à x.

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

Le "égal à" opérateur est écrit comme == en JavaScript.


Types de données JavaScript

Variables JavaScript peuvent contenir des nombres comme 100, et les valeurs de texte comme "John Doe" .

Dans la programmation, les valeurs de texte sont appelés chaînes de texte.

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

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

Si vous mettez des guillemets autour d'un certain nombre, il sera traité comme une chaîne de texte.

Exemple

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';
Essayez - le vous - même »

Déclarant (Création) Variables JavaScript

Création d'une variable en JavaScript est appelé "déclarant" une variable.

Vous déclarez une variable JavaScript avec le var mot - clé:

var carName;

Après la déclaration, la variable n'a pas de valeur. (Techniquement , il a la valeur undefined)

Pour attribuer une valeur à la variable, utilisez le signe égal:

carName = "Volvo";

Vous pouvez également attribuer une valeur à la variable lorsque vous déclarez:

var carName = "Volvo";

Dans l'exemple ci - dessous, nous créons une variable appelée carName et affecter la valeur "Volvo" à elle.

Ensuite , nous avons "sortie" de la valeur à l' intérieur d' un paragraphe HTML avec id="demo" :

Exemple

<p id="demo"></p>

<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Essayez - le vous - même »

Il est une bonne pratique de programmation 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 la déclaration avec var et séparer les variables par des virgules:

var person = "John Doe", carName = "Volvo", price = 200;
Essayez - le vous - même »

Une déclaration peut couvrir plusieurs lignes:

var person = "John Doe",
carName = "Volvo",
price = 200;
Essayez - le vous - même »

Valeur = undefined

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

Une variable déclarée sans valeur aura la valeurundefined.

La RARnom variable a la valeur undefined après l'exécution de cette déclaration:

Exemple

var carName;
Essayez - le vous - même »

Re-Déclarant Variables JavaScript

Si vous re-déclarer une variable JavaScript, il ne perdra pas sa valeur.

La RARnom variable sera toujours la valeur "Volvo" après l'exécution de ces déclarations:

Exemple

var carName = "Volvo";
var carName;
Essayez - le vous - même »

JavaScript arithmétique

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

Exemple

var x = 5 + 2 + 3;
Essayez - le vous - même »

Vous pouvez également ajouter des chaînes, mais les chaînes seront concaténées (ajoutée de bout en bout):

Exemple

var x = "John" + " " + "Doe";
Essayez - le vous - même »

Aussi essayer ceci:

Exemple

var x = "5" + 2 + 3;
Essayez - le vous - même »

Si vous mettez un certain nombre de citations, le reste des numéros seront traités comme des chaînes et concaténées.


Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 » Exercice 4» Exercice 5 » Exercice 6»