web:javascript:fondamentaux:operateurs

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
web:javascript:fondamentaux:operateurs [2020/09/26 17:26] – [2. Opérations sur les chaînes] philippeweb:javascript:fondamentaux:operateurs [2021/08/11 10:57] (Version actuelle) – phil
Ligne 1: Ligne 1:
 +[[web:javascript|{{ :iconemaison.jpg?nolink&25|Accueil JavaScript}}]]
 +
 +===== JavaScript - Les opérateurs =====
 +
 +[Mise à jour le 25/9/2020]
 +
 +
 +  * **Sources** et compléments sur **MDN Web Docs**
 +    * <html><a href="https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Operators" target="_blank">Les opérateurs</a></html>
 +
 +  * ** Lectures connexes**
 +    * Wikis WebPEM : [[:outils:vscode:web|"Préparer un projet de site Web avec l'IDE VSCode"]]
 +
 +----
 +
 +==== 1. Opérations sur les nombres ====
 +{{ :web:javascript:fondamentaux:nombre.png?nolink&150|}}
 +  * **Opérations arithmétiques** : **+, -, *, /, %**
 +
 +  * **Incrémenter** (ajouter 1) et **décrémenter** (enlever 1) une variable de type nombre
 +
 +//Exemple//
 +<code javascript *.js>
 +var score = 1 ;
 +score++ ; // Ecrire score dans la console donne 2
 +score-- ; // Ecrire score dans la console donne 1
 +</code>
 +
 +{{ :web:javascript:fondamentaux:chaine.png?nolink|}}
 +==== 2. Opérations sur les chaînes ====
 +
 +  * **Concaténer des chaînes**
 +<note>L’opérateur **+** permet d’assembler des chaînes de caractères.</note>
 +
 +//Exemple//
 +<code javascript *.js>
 +var accueil = "Bonjour " ;
 +var nom = "Nina" ; // Ecrire accueil + nom dans la console donne "Bonjour Nina" 
 +</code>
 +
 +  * **Trouver la longueur d’une chaîne**
 +<note>Pour connaître la longueur d’une chaîne de caractères, il suffit de lier l’attribut **//length//** à la fin.</note>
 +
 +//Exemple//
 +<code javascript *.js>
 +"anticonstitutionnellement".length; // résultat dans la console : 25
 +</code>
 +
 +  * **Extraire un caractère d’une chaîne**
 +On accède à un caractère dans une chaîne à partir de sa position comme dans l’exemple ci-dessous ;
 +
 +//Exemple//
 +<code javascript *.js>
 +var nom = "Nicolas" ;
 +nom[0] ; // résultat dans la console : "N"
 +nom[3] ; // résultat dans la console : "o"
 +</code>
 +
 +  * **Découper des chaînes**
 +<note>Pour couper un bout d’une chaîne de caractères, on utilise la méthode //**slice(x,y)**//. Avec x, le début de la chaîne à extraire et y la fin.</note>
 +
 +//Exemple//
 +<code javascript *.js>
 +"Une chaîne".slice(1,5); // résultat : "ne c"
 +</code>
 +
 +  * **Transformer des chaînes de caractères tout en majuscules ou tout en minuscules**
 +    * La méthode **//toUpperCase()//** affiche un texte avec tous ses caractères en majuscule.
 +    * La méthode **//toLowerCase()//** affiche un texte avec tous ses caractères en minuscule.
 +
 +==== 3. Opérations sur les booléens ====
 +{{ :web:javascript:fondamentaux:boolens.jpg?nolink&350|}}
 +Un booléen prend soit la valeur vraie (**true**) soit la valeur faux (**false**).
 +
 +=== Les opérateurs logiques ===
 +  * **&&** signifie (**ET**). Cet opérateur s'emploie avec deux valeurs booléennes pour savoir si elles sont toutes les deux vraies. 
 +
 +//Exemple//
 +<code javascript *.js>
 +var a = true ;
 +var b = false ;
 +var c = a && b ; // Ecrire c dans la console donne false
 +</code>
 +
 +  * **||** signifie (**OU**). Cet opérateur s'emploie avec deux valeurs booléennes pour savoir si l'une des deux ou les deux sont vraies.
 +
 +//Exemple//
 +<code javascript *.js>
 +var a = true ;
 +var b = false ;
 +var c = a && b ; // Ecrire c dans la console donne true
 +</code>
 +
 +  * **!** signifie (**NON**)
 +//Exemple//
 +<code javascript *.js>
 +var a = true ;
 +var c = !a ;  // Ecrire c dans la console donne false
 +</code>
 +
 +=== Les opérateurs de comparaison === 
 +Les opérateurs de comparaison sont : **<, >, < =, >=, ==, ===**
 +
 +//Exemple//
 +<code javascript *.js>
 +var hauteur = 165 ;
 +var hauteurMin = 150 ;
 +hauteur > hauteurMin; // résultat dans la console : true
 +</code>
 +
 +<note important>L'opérateur "**===**" est l'opérateur de stricte égalité. Les valeurs comparées doivent être de même type. L'opérateur "**==**" ne tient pas compte des types.</note>
 +
 +//Exemple//
 +<code javascript *.js>
 +var chaine = "5";
 +var nombre = 5;
 +chaine === nombre; // résultat dans la console : false
 +chaine == nombre; // résultat dans la console : true
 +</code>
 +
 +<note tip>**Attention** à l'utilisation du double égal.</note> On pourrait penser que son utilisation est plus simple ! Mais, par exemple :
 +
 +<code javascript *.js>
 +0 == false; // résultat dans la console : true
 +"false" == false; // résultat dans la console : false
 +</code>
 +
 +<note>Si on compare deux valeurs avec le double égal, JavaScript essaie d'abord de les convertir dans le même type.</note> 
 +==== 4 Les valeurs undefined et null ====
 +{{ :web:javascript:fondamentaux:undefinednull.png?nolink&250|}}
 +Ces deux valeurs signifient : rien.
 +
 +<note important>**undefined** est la valeur que JavaScript utilise s'il n'a pas de valeur à assigner à quelque chose.</note>
 +
 +//Exemple//
 +<code javascript *.js>
 +var variableSansValeur;
 +variableSansValeur; // résultat dans la console : undefined
 +</code>
 +
 +<note important>**null** est habituellement utilisé pour dire clairement que la variable est vide.</note>
 +
 +//Exemple//
 +
 +<code javascript *.js>
 +var variableSansValeur = null;
 +variableSansValeur; // résultat dans la console : null
 +</code>
 +==== Ressources ====
 +  * [[:web:bibliographie|Bibliographie]]
 +  * [[:web:webographie|Webographie]]
 +
 +
 +  * [[:web:lexique|Lexique]]
 +