Apprendre à coder sur pierre-giraud.com

DES COURS COMPLETS ET GRATUITS POUR TOUS

SOMMAIRE

Introduction

  1. Présentation du cours
  2. Introduction au JavaScript
  3. Environnement de travail

Les bases en JavaScript

  1. Où écrire le JavaScript
  2. Syntaxe et commentaires
  3. Découverte des variables
  4. Les types de valeurs
  5. Opérations sur les variables
  6. La concaténation
  7. Présentation des conditions
  8. Les conditions if, if...else, if...else if...else
  9. Opérateurs logiques
  10. Evaluation / Simplification des conditions
  11. Conditions ternaires
  12. Switch
  13. Les boucles
  14. Découverte des fonctions
  15. Test n°1

Les objets en JavaScript

  1. Définition et découverte
  2. Valeurs primitives et objets
  3. Créer des objets
  4. Les méthodes de l’objet String
  5. Les méthodes de l’objet Number
  6. Découverte de l’objet Array
  7. Les méthodes de l’objet Array
  8. Découverte de l’objet Date
  9. Les méthodes de l’objet Date
  10. L’objet Math et ses méthodes
  11. Test n°2

Notions avancées sur les fonctions

  1. La portée en JavaScript
  2. Les fonctions anonymes
  3. Les fonctions auto-invoquées
  4. Les closures JavaScript
  5. Test n°3

Le DOM HTML

  1. Découverte du DOM HTML
  2. Accéder à un élément HTML
  3. Modifier du contenu HTML
  4. Ajouter et insérer des éléments HTML
  5. Modifier ou supprimer des éléments HTML
  6. Naviguer dans le DOM
  7. Les évènements en JavaScript
  8. AddEventListener()
  9. Propagation des évènements
  10. L'objet Event
  11. Test n°4

Le BOM - Browser Object Model

  1. Le BOM et l'objet Window
  2. L'objet Screen
  3. L'objet Navigator
  4. L'objet Location
  5. L'objet History
  6. Test n°5

Les expressions régulières

  1. Découverte des regex en JavaScript
  2. Recherches et remplacements
  3. Les quantifieurs et les options
  4. Les classes de caractères et les méta-caractères
  5. Test n°6

JavaScript et formulaires

  1. Rappels sur les formulaires en HTML
  2. Validation HTML des formulaires
  3. Validation JavaScript des formulaires
  4. Test n°7

L'élément HTML canvas

  1. Découverte de l'élément canvas
  2. Dessiner des rectangles
  3. Dessiner des lignes
  4. Dessiner des arcs de cercle
  5. Créer des dégradés
  6. Insérer du texte et des images
  7. Incliner un dessin
  8. Test n°8

Notions avancées

  1. Gestion du délai d'exécution
  2. La gestion des erreurs
  3. Le mode strict
  4. Test n°9

Conclusion

  1. Conclusion - Aller plus loin

EVALUATION ET SIMPLIFICATION DES CONDITIONS

Simplifier ses conditions

La façon dont nous avons écrit nos conditions jusqu’à présent est tout à fait valide. Cependant, nous allons pouvoir simplifier cette écriture.

En effet, vous devez savoir que lorsqu’on écrit une condition, le JavaScript va par défaut exécuter le code contenu dans un if ou dans un else if si la comparaison a été évaluée à true.

En d’autres termes, il est inutile de préciser le == true dans nos conditions.

Ainsi, les deux conditions ci-dessous vont produire exactement le même résultat :

Simplifier ses conditions

A partir de maintenant, je vous encourage fortement pour des raisons de simplicité et de lisibilité à écrire vos conditions de façon abrégée.

Pour évaluer de cette manière si une comparaison est évaluée à false, nous allons avoir besoin de l’opérateur logique « NON » qui, rappelons le, va inverser la valeur logique d’un test.

Conditions abrégées et opérateur logique NON

L’évaluation des valeurs

Il y a un autre point que vous devez connaître afin de véritablement comprendre les conditions : une valeur peut être évaluée à true ou false même sans opérateur de comparaison.

Ainsi, toute valeur différente de null, undefined, NaN, 0 et la chaîne de caractères vide sera évaluée par défaut par le JavaScript à true.

Savoir cela nous permet de comprendre bien des choses et de résoudre certaines situations en JavaScript.

Comme d’habitude, nous allons illustrer cela par quelques exemples afin de toucher du doigt cette nouvelle notion :

JavaScript renvoie true ou false automatiquement

On peut effectuer des tests sans comparaison en JavaScript

La valeur de y est évaluée à false

Essayer ce code !

Dans notre exemple précédent, la variable x contient la valeur 6. Le code if(x) demande à JavaScript de comparer la valeur de x à true par défaut.

Si la valeur de x a été évaluée à true, alors une boîte d'alerte apparaitra. Cela va être le cas d'après ce que nous avons dit précédemment.

En revanche, notre variable y contient une chaîne de caractères vide. La chaine de caractères vide est par défaut évaluée à false par le JavaScript. Ainsi, nous allons entrer dans le else de notre deuxième condition et exécuter le code qui se trouve à l'intérieur.

Chapitre précédent

Chapitre suivant