Comment lire Conditions if

Bonjour !

Je reviens avec une question simple(je crois), j'ai un exercice à réaliser et je ne comprends pas bien la logique avec laquelle on doit lire les conditions if :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

"use strict" let a = -1; let b = 0;   if (a) { b++; }   if (a && a++) { b++; } if (a || a++) { b++; } if (!a && a++) { b++; } if (!a || a++) { b++; } console.log(a, b);

---

Le résultat en console est

Citation:

---

a= 2 / b = 3

---

Mais je ne comprends pas du tout comment on est arriver à là ni comment je dois lire cela.
Concrètement pour le premier if par exemple : si a(-1) est bien -1 alors b(0) gagne +1? à ce niveau la console indique bien a=-1 et b=1
Mais après je ne suis plus : si a(-1) et a++(-1+1=0) , comment lit-on cela? car a est à la fois -1 et 0, pourtant à la fin la console indique que a=0 ; Aussi je ne comprends pas bien la condition ici, si a est vrai? vrai par rapport à quoi ?
Désolé si je n'exprime pas très bien la question.

Bonjour,

1- mets des console.log() dans chaque if :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

"use strict" let a = -1; let b = 0;   if (a) { b++; console.log('1)', a, b); }   if (a && a++) { b++; console.log('2)', a, b); } if (a || a++) { b++; console.log('3)', a, b); } if (!a && a++) { b++; console.log('4)', a, b); } if (!a || a++) { b++; console.log('5)', a, b); } console.log(a, b);

---

On obtient :

Code:

---

1 2 3 4

1) -1 1 2) 0 2 5) 2 3 2 3

---

Donc :

• les conditions 1) 2) 5) sont vraies (true)
• les conditions 3) 4) sont fausses (false)

2- A part le 1er if, on a à chaque fois 2 conditions à remplir.
Chaque condition sera true ou false.

• Voir : JS - Boolean

Citation:

---

Si la valeur est omise ou est 0, -0, null, false, NaN, undefined ou une chaine de caractères vide (""), l'objet a un valeur initiale à false (faux).
[...]
Toutes les autres valeurs, y compris n'importe quel objet, un tableau vide ([]), ou une chaine de caractères "false", créént un objet avec une valeur initiale à true (vrai).

---

Ensuite, c'est de la logique :

• (true && true) -> true
• (true && false) -> false
• (false && true) -> false
• (false && false) -> false

• (true || true) -> true
• (true || false) -> true
• (false || true) -> true
• (false || false) -> false

1- autre "subtilité" :

• JS - Opérateurs arithmétiques

• Si l'opérateur est utilisé en suffixe (par exemple : x++), il renvoie la valeur avant l'incrémentation.
• Si l'opérateur est utilisé en préfixe (par exemple : ++x), il renvoie la valeur après l'incrémentation.

Par conséquent, le 2ème if :

Code:

---

if (a && a++) {

---

est équivalent à :

Code:

---

if (-1 && -1) { et seulement APRES on incrémente a !

---

2- d'autre part (pour le code que tu montres) :

• que chaque condition (contenant a++) soit vrai ou fausse, a++ s'applique !
• alors que le b++ ne s'applique QUE si la condition est vraie.

jreaux62 Merci beaucoup pour votre réponse.

Le conseil pour mettre console.log à chaque fois, je ne connaissais pas et je sens que ça va beaucoup m'aider ^^
La subtilité du code concernant les ++, pareils ça m'aide grandement.
J'avais déjà regarder à plusieurs reprise cette section sur MDN mais apparemment ma logique me fait défaut :
Pourquoi est ce que dans la 3ème : if (a || a++) cela est considéré comme faux ? --> a et 0 à ce moment, et je ne comprends pas en quoi cette formule et moins Vrai que (a && a++) ??

Et a quel moment a passe de 0 à +2 ?
Chaque évolution est normalement validé, et chaque fois a et/ou b gagne +1(0 puis 1,2 et 3 pour b ; -1 puis 0 pour a), comment passe t-il à +2 d'un coup ?

On à affaire à une AUTRE subtilité des conditions multiples :

0- les conditions sont évaluées de gauche à droite, une condition après l'autre.

1- avec || (OR) :

• (true || ..... || ..... || ..... || .....) :

-> dès qu'on rencontre une condition true (en partant de la condition la plus à gauche) :

• ça revoie directement true,
• et les conditions suivante ne sont pas évaluées !

PAR CONTRE :
2- avec && :

• (false && ..... && ..... && ..... && .....) : le code est évalué de gauche à droite, une condition après l'autre.

-> dès qu'on rencontre une condition false (en partant de la condition la plus à gauche) :

• ça revoie directement false,
• et les conditions suivante ne sont pas évaluées !

3- C'est dans la 4ème condition que a++ n'est pas exécuté :

Code:

---

if (!a && a++) {

---

• a vaut 1 (true) -> donc !a vaut false
• or, false && (n'importe quoi d'autre) renverra forcément false
• -> ça renvoie false dès cette 1ère condition
• inutile d'évaluer a++ -> a reste à 1

4- DONC, les valeurs successives de a sont :

• a = -1 (valeur de départ)
• 1) -1
• 2) a++ -> 0
• 3) a++ -> 1
• 4) (a++ PAS exécuté) -> 1
• 5) a++ -> 2

On obtient a=2 au final.


Je pense que mon raisonnement est bon...
Mais il est aussi possible que je me trompe.... :aie:
Sur ce, je vais prendre une aspirine....

[...]

Citation:

---

Envoyé par Lexlaflex

...et je ne comprends pas en quoi cette formule et moins Vrai que (a && a++) ??

---

Au moment de la condition if (a && a++) on a a qui vaut -1 et -1 cela n'est pas 0, sa "valeur logique" est true du coup a++ est exécutée mais l’exécution a lieu après l'évaluation de la condition, ce qui fait qu'au moment de l'évaluation de la condition on a a++ qui vaut -1 (et non 0) et donc la condition est : -1 && -1 (et non -1 && 0) et cette condition -1 && -1 est considérée comme vraie (true)...

Après l'évaluation de la condition a passe à 0.

Citation:

---

Envoyé par jreaux62

* Il est aussi possible que je me trompe.... :aie:

---

Je n'ai pas voulu me faire une hernie au cerveau...
Surtout un dimanche.

[EDIT] J'ai corrigé mon précédent message.

Ah bah cela se comprend...

Bon ben je vais prendre de le temps de BIEN relire tout ça, histoire que ça rentre bien dans ma tête

Mais je tiens à vous remercier vraiment, je trouve ça incroyable d'aider des débutants comme ça, avec des questions 'chiantes' un dimanche.

Merci à vous =)

Ouais il faut voir cela à tête reposée, en fait jreaux62 a fait tout le boulot du début en donnant les explications, il n'y avait plus qu'à appliquer...

J'ajoute cela : https://developer.mozilla.org/fr/doc..._court-circuit

Re !
Bon je crois que j'ai avancé dans ce code énervant, mais j'aimerais pouvoir résumer avant :

Code:

---

1 2 3 4 5 6 7 8 9 10

let a = -1; let b = 0;   if (a) {b++;} //--> Ici rien de spécial   if (a && a++) {b++;} //--> Si -1 &&-1 /True donc le reste est appliqué,y compris que a prends +1 après coup, OK   if (a || a++) {b++} //--> Ici 0 || 0 c'est false and false, rien n'est appliqué   if (!a && a++) {b++}

---

Pour le dernier if, là je comprends pas, comment ça se lit ? a n'est pas true (ce qui est vrai car 0) et a++ non plus n'est pas true donc c'est true de dire que les 2 sont pas true ? du coup ++ est appliqué à a et b ? a passe de 0 à 1 et b à 3 mais là du coup quelques questions : déjà c'est pas possible que b++ soit appliqué parce que b doit faire 3 au final et pas 4, et aussi si c'est true alors pourquoi la console ne l'affiche pas ? pourquoi seulement avec celui-ci a++ est appliqué et pas b++ ? jreaux62à indiqué la condition 4 était false de toute façon mais après il semble dire que seule la condition 3 est false , donc je sais pas trop pour cette condition, elle me paraît true mais dans tout les cas :
* si elle est false : alors a++ ne doit pas s'appliquer normalement, pourquoi s'applique t-il ?
* si elle est true : pourquoi la console n'affiche pas de résultat, et qu'en est-il de b++ (4 au final au lieu de 3) ?

1- Si a est true, alors !a est false (et vice-versa).

2- J'ai certainement dis des bêtises plus haut (erreurs de logique -> je crois que c'est dans la condition 4) que a++ n'est pas appliqué).
Il faut vraiment prendre chaque if l'un après l'autre.

[EDIT] J'ai corrigé mon précédent message.

Citation:

---

Envoyé par Lexlaflex

if (a || a++) {b++} //--> Ici 0 || 0 c'est false and false, rien n'est appliqué

---

N'oublie pas qu’après l'évaluation de la condition tu as a++ qui est exécutée donc a passe à 1.

Citation:

---

Envoyé par Lexlaflex

if (!a && a++) {b++}[/code] Pour le dernier if, là je comprends pas, comment ça se lit ? a n'est pas true (ce qui est vrai car 0)...

---

Et non justement, comme expliqué ci-dessus a est passé à 1.

Du coup !a est false et alors (comme expliqué dans le lien que je t'avais indiqué) tu as un court-circuit, c'est-à-dire quand tu as false && ... le "..." n'est pas évalué et la condition vaut false.

Ici cela signifie que a++ n'est pas exécutée... a reste à 1.

Ah tu as modifié ton message entre temps, ma réponse précédente reste valable...

Mais là ça va pas, tu as modifié le code*! Tu vas nous rendre dingue là...

*Au début la dernière condition c'était : if (!a || a++) et maintenant c'est if (!a && a++) !

Citation:

---

Envoyé par Lexlaflex

Re !
Bon je crois que j'ai avancé dans ce code énervant, mais j'aimerais pouvoir résumer avant :

Code:

---

1 2 3 4 5 6 7 8 9 10

let a = -1; let b = 0;   if (a) {b++;} //--> Ici rien de spécial   if (a && a++) {b++;} //--> Si -1 &&-1 /True donc le reste est appliqué,y compris que a prends +1 après coup, OK   if (a || a++) {b++} //--> Ici 0 || 0 c'est false and false, rien n'est appliqué   if (!a && a++) {b++}

---

Pour le dernier if, là je comprends pas, comment ça se lit ? a n'est pas true (ce qui est vrai car 0) et a++ non plus n'est pas true donc c'est true de dire que les 2 sont pas true ? du coup ++ est appliqué à a et b ? a passe de 0 à 1 et b à 3 mais là du coup quelques questions : déjà c'est pas possible que b++ soit appliqué parce que b doit faire 3 au final et pas 4, et aussi si c'est true alors pourquoi la console ne l'affiche pas ? pourquoi seulement avec celui-ci a++ est appliqué et pas b++ ? jreaux62à indiqué la condition 4 était false de toute façon mais après il semble dire que seule la condition 3 est false , donc je sais pas trop pour cette condition, elle me paraît true mais dans tout les cas :
* si elle est false : alors a++ ne doit pas s'appliquer normalement, pourquoi s'applique t-il ?
* si elle est true : pourquoi la console n'affiche pas de résultat, et qu'en est-il de b++ (4 au final au lieu de 3) ?

---

J'ai mis des commentaires dans le premier code pour expliquer les étapes (pour les détails cf. les messages précédents...) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

"use strict" let a = -1; let b = 0;   if (a) { b++; } // a=-1 la condition est true ---> a reste à -1 et b passe à 1   if (a && a++) { b++; } // on a "-1 && -1" la condition est true et a++ est exécutée ---> a passe à 0 et b passe à 2   if (a || a++) { b++; } // on a "0 || 0" la condition est false et a++ est exécutée ---> a passe à 1 et b reste à 2   if (!a && a++) { b++; } // !a est false on a donc "false && ..." la condition est donc false et a++ n'est pas exécutée---> a reste à 1 et b reste à 2   if (!a || a++) { b++; } // !a est false on a donc "false || 1" la condition est donc true et a++ est exécutée ---> a passe à 2 et b passe à 3

---

Désolé j'ai eu quelques neurones qui ont grillé quand j'ai mal réécris le code .
MAIS !
Beginner. -->Entre ton post sur les court circuits que j'avais pas bien regardé, et ton dernier commentaire avec le code détaillé, je peux enfin déclarer que j'ai tout pigé .

Tout est parfaitement clair
Merci à vous 2

Ah ben tant mieux, on va pouvoir laisser se reposer nos neurones...

A titre perso, si un de mes collègues, ou même n'importe quel codeur que je pourrai croiser, s'amuse à mettre ce type de "subtilités débiles" dans son code, je l’étrangle.

Bonjour,

Citation:

---

Envoyé par Beginner.

a++ est exécutée mais l’exécution a lieu après l'évaluation de la condition

---

C'est comme si... mais je me demande si c'est l'ordre exact.

Je verrais davantage ceci :
1) l'expression a++ vaut a avant l'incrémentation,
2) puis a est incrémentée,
3) puis l'expression est utilisée (ici : évaluée en tant que booléen).

Si on a plusieurs expressions, on voit que l'incrémentation a lieu avant l'évaluation complète en tant que booléen : si a=0, alors console.log(Boolean(a++ || (console.log(a),a))) affichera 1 et true.


Dans le même genre, on lit souvent que si on écrit :

Code:

---

1 2	var a=0; var b=a++;

---

alors b vaut 0 puis a est incrémentée, comme si on avait écrit :

Code:

---

1 2 3

var a=0; var b=a; ++a;

---

Mais cela correspond-il à l'ordre réel ?
Cet exemple permet d'en douter :

Code:

---

1 2	var a=0; var b=(a++)+0;

---

Pour moi, a vaut 1 avant l'addition et donc avant que b ne prenne sa valeur.
En effet :

Code:

---

1 2 3 4

function zero(){console.log(a,b);return 0;} var a=0; var b=-1; b=(a++)+zero();

---

On voit que b n'a pas encore changé de valeur et vaut donc encore -1 alors que a est déjà passé à 1.

De même :

Code:

---

1 2	var a=0; var b=(a++)+a; //b=1

---

Par conséquent, il me paraît probable que même si on écrit juste b=a++, l'affectation est exécutée après l'incrémentation (ce qui ne veut évidemment pas dire que b prend la nouvelle valeur de a).


Par rapport à l'exercice initial, il faut penser à afficher les conversions booléennes (cela a peut-être déjà été dit ?).
Pour savoir comment les expressions vont être évaluées, il suffit de tester à part, exemple avec if (!a || a++) :

Code:

---

1 2 3

let a=1; console.log("!a",!a); //false console.log("a++",Boolean(a++)); //(ou console.log("a++",!!(a++)) ) true

---

L'expression sera donc évaluée comme false || true.


Dernière chose : je trouve préférable de faire des comparaisons claires comme if(a!==0) et non if(a).