Tutoriel JavaScript

JS ACCUEIL Présentation de JS JS Où aller Sortie JS Déclarations JS Syntaxe JS Commentaires JS Variables JS JS Let Const JS Opérateurs JS Arithmétique JS Affectation JS Types de données JS Fonctions JavaScript Objets JS Événements JS Chaînes JS Méthodes de chaîne JS Recherche de chaîne JS Modèles de chaîne JS Numéros JS Méthodes de nombre JS Tableaux JS Méthodes de tableau JS Tri de tableau JS Itération de tableau JS Const tableau JS Dates JS Formats de date JS Méthodes d'obtention de date JS Méthodes de définition de date JS JS Mathématiques JS Aléatoire Booléens JS Comparaisons JS Conditions JS Commutateur JS Boucle JS pour Boucle JS pour dans Boucle JS pour de Boucle JS pendant Pause JS Itérables JS Ensembles JS Cartes JS Type de JS Conversion de type JS JS au niveau du bit JS RegExp Erreurs JS Portée JS JS Levage Mode JS strict JS ce mot clé Fonction flèche JS Cours JS JSJSON Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performances JS Mots réservés JS

Versions JavaScript

Versions JavaScript JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Historique JS

Objets JS

Définitions d'objet Propriétés de l'objet Méthodes d'objet Affichage d'objet Accesseurs d'objet Constructeurs d'objets Prototypes d'objets Itérables d'objet Ensembles d'objets Cartes d'objets Référence d'objet

Fonctions JavaScript

Définitions des fonctions Paramètres de fonction Appel de fonction Appel de fonction Fonction Appliquer Fermetures de fonction

Cours JS

Introduction de classe Héritage de classe Classe Statique

JS asynchrone

Rappels JS JS asynchrone JS promet JS asynchrone/en attente

JS HTML DOM

Introduction DOM Méthodes DOM Documents DOM Éléments DOM HTML DOM Formulaires DOM DOM CSS Animations DOM Événements DOM Écouteur d'événements DOM Navigation DOM Nœuds DOM Collections DOM Listes de nœuds DOM

Nomenclature du navigateur JS

Fenêtre JS Écran JavaScript Emplacement JS Historique JS Navigateur JS Alerte contextuelle JS Calendrier JS Cookies JavaScript

API Web JS

Présentation de l'API Web API des formulaires Web API d'historique Web API de stockage Web API de travail Web API de récupération Web API de géolocalisation Web

JS AJAX

Introduction à AJAX AJAX XMLHttp Requête AJAX Réponse AJAX Fichier XML AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples AJAX

JSJSON

Présentation JSON Syntaxe JSON JSON contre XML Types de données JSON Analyse JSON Chaîne JSON Objets JSON Tableaux JSON Serveur JSON JSON PHP HTML JSON JSON JSONP

JS contre jQuery

Sélecteurs jQuery jQuery HTML jQuery CSS jQuery DOM

Graphiques JS

Graphiques JS Canevas JS JS Complot JS Chart.js Graphique Google JS JS D3.js

Exemples JS

Exemples JS JS HTML DOM Entrée HTML JS Objets HTML JS Événements HTML JS Navigateur JS Éditeur JavaScript Exercices JS Questionnaire JS Certificat JS

Références JavaScript

Objets JavaScript Objets DOM HTML


Opérateurs JavaScript


Exemple

Attribuez des valeurs aux variables et additionnez-les :

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

L' opérateur d'affectation= ( ) affecte une valeur à une variable.

Mission

let x = 10;

L' opérateur d' addition+ ( ) ajoute des nombres :

Ajouter

let x = 5;
let y = 2;
let z = x + y;

L' opérateur de multiplication* ( ) multiplie les nombres.

multiplier

let x = 5;
let y = 2;
let z = x * y;


Opérateurs arithmétiques JavaScript

Les opérateurs arithmétiques sont utilisés pour effectuer des opérations arithmétiques sur des nombres :

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

Les opérateurs arithmétiques sont décrits en détail dans le chapitre JS Arithmetic .


Opérateurs d'affectation JavaScript

Les opérateurs d'affectation attribuent des valeurs aux variables JavaScript.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

L' opérateur d'affectation d'addition+= ( ) ajoute une valeur à une variable.

Mission

let x = 10;
x += 5;

Les opérateurs d'affectation sont décrits en détail dans le chapitre Affectation JS .


Opérateurs de chaîne JavaScript

L' +opérateur peut également être utilisé pour ajouter (concaténer) des chaînes.

Exemple

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Le résultat de text3 sera :

John Doe

L' +=opérateur d'affectation peut également être utilisé pour ajouter (concaténer) des chaînes :

Exemple

let text1 = "What a very ";
text1 += "nice day";

Le résultat de text1 sera :

What a very nice day

Lorsqu'il est utilisé sur des chaînes, l'opérateur + est appelé opérateur de concaténation.


Ajout de chaînes et de nombres

L'ajout de deux nombres renverra la somme, mais l'ajout d'un nombre et d'une chaîne renverra une chaîne :

Exemple

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Le résultat de x , y et z sera :

10
55
Hello5

Si vous ajoutez un nombre et une chaîne, le résultat sera une chaîne !


Opérateurs de comparaison JavaScript

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

Les opérateurs de comparaison sont décrits en détail dans le chapitre Comparaisons JS .


Opérateurs logiques JavaScript

Operator Description
&& logical and
|| logical or
! logical not

Les opérateurs logiques sont décrits en détail dans le chapitre Comparaisons JS .


Opérateurs de type JavaScript

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

Les opérateurs de type sont décrits en détail dans le chapitre Conversion de type JS .


Opérateurs bit à bit JavaScript

Les opérateurs de bits fonctionnent sur des nombres de 32 bits.

Tout opérande numérique dans l'opération est converti en un nombre de 32 bits. Le résultat est reconverti en nombre JavaScript.
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

Les exemples ci-dessus utilisent des exemples 4 bits non signés. Mais JavaScript utilise des nombres signés 32 bits.
Pour cette raison, en JavaScript, ~ 5 ne renverra pas 10. Il renverra -6.
~000000000000000000000000000101 retournera 111111111111111111111111111010

Les opérateurs bit à bit sont décrits en détail dans le chapitre JS Bitwise .


Testez-vous avec des exercices

Exercer:

Multipliez 10avec 5, et alertez le résultat.

alert(10  5);