Discussion :

[Lexlaflex]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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.

[Invité]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[Invité]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

if (a && a++) {

est équivalent à :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Lexlaflex]

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++) ??

[Lexlaflex]

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 ?

[Invité]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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....
Sur ce, je vais prendre une aspirine....

[Beginner.]

[...]

...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.

[Invité]

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

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

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

[Beginner.]

Ah bah cela se comprend...

[Lexlaflex]

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 =)

[Beginner.]

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

[Lexlaflex]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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) ?

[Invité]

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.

[Beginner.]

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.

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.

[Beginner.]

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++) !

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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) ?

[Beginner.]

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Lexlaflex]

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

[Beginner.]

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

[psychadelic]

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.

[Loralina]

Bonjour,

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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).