HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

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


Comparaison JavaScript et opérateurs logiques

❮ Précédent Suivant ❯

Les opérateurs de comparaison et logiques sont utilisés pour tester trueou false.

Opérateurs de comparaison

Les opérateurs de comparaison sont utilisés dans les instructions logiques pour déterminer l'égalité ou la différence entre des variables ou des valeurs.

Sachant que x = 5, le tableau ci-dessous explique les opérateurs de comparaison :

Operator Description Comparing Returns Try it
== equal to x == 8 false
x == 5 true
x == "5" true
=== equal value and equal type x === 5 true
x === "5" false
!= not equal x != 8 true
!== not equal value or not equal type x !== 5 false
x !== "5" true
x !== 8 true
> greater than x > 8 false
< less than x < 8 true
>= greater than or equal to x >= 8 false
<= less than or equal to x <= 8 true

Comment peut-il être utilisé

Les opérateurs de comparaison peuvent être utilisés dans des instructions conditionnelles pour comparer des valeurs et prendre des mesures en fonction du résultat :

if (age < 18) text = "Too young to buy alcohol";

Vous en apprendrez plus sur l'utilisation des instructions conditionnelles dans le prochain chapitre de ce didacticiel.

Opérateurs logiques

Les opérateurs logiques sont utilisés pour déterminer la logique entre les variables ou les valeurs.

Étant donné que x = 6et y = 3, le tableau ci-dessous explique les opérateurs logiques :

Operator Description Example Try it
&& and (x < 10 && y > 1) is true
|| or (x == 5 || y == 5) is false
! not !(x == y) is true

Opérateur conditionnel (ternaire)

JavaScript contient également un opérateur conditionnel qui attribue une valeur à une variable en fonction d'une condition.

Syntaxe

variablename = (condition) ? value1:value2 

Exemple

let voteable = (age < 18) ? "Too young":"Old enough";

Si la variable age est une valeur inférieure à 18 ans, la valeur de la variable votable sera "Trop jeune", sinon la valeur de votable sera "Assez vieux".

Comparer différents types

La comparaison de données de différents types peut donner des résultats inattendus.

Lors de la comparaison d'une chaîne avec un nombre, JavaScript convertira la chaîne en un nombre lors de la comparaison. Une chaîne vide est convertie en 0. Une chaîne non numérique est convertie en NaNlaquelle est toujours false.

Case Value Try
2 < 12 true
2 < "12" true
2 < "John" false
2 > "John" false
2 == "John" false
"2" < "12" false
"2" > "12" true
"2" == "12" false

Lors de la comparaison de deux chaînes, "2" sera supérieur à "12", car (par ordre alphabétique) 1 est inférieur à 2.

Pour garantir un résultat correct, les variables doivent être converties dans le type approprié avant la comparaison :

age = Number(age);
if (isNaN(age)) {
  voteable = "Input is not a number";
} else {
  voteable = (age < 18) ? "Too young" : "Old enough";
}

Testez-vous avec des exercices

Exercer:

Choisissez le bon opérateur de comparaison pour alerter true, lorsque xest supérieur à y.

x = 10;
y = 5;
alert(x  y);


❮ Précédent Suivant ❯