Booléens JavaScript

Bienvenu dans notre site web www.exam-lib.com, c'est un site éducatif qui contient une panoplie des exercices avec solutions pour tous les niveaux (primaire,secondaire, collège, lycée et même pour les étudiants de l'OFPPT au Maroc). vous pouvez naviguer sur notre site et choisir le niveau qui vous convient puis vous pouvez suivez l'exercices ou aussi le cours souhaité. si vous avez des questions vous pouvez toujours laisser un commentaire sur notre site et un de nos professeurs va se charger de répondre à toutes vos questions.
SUIVEZ NOTRE CHAINE YOUTUBE: قم بالتسجيل في قناتنا عبر هذا الرابط

https://www.youtube.com/channel/UCCITRMWPcElh-96wCS3EyUg

abdelouafi

Administrator
Un booléen JavaScript représente l'une des deux valeurs: true ou false.

Valeurs booléennes
Très souvent, en programmation, vous aurez besoin d’un type de données qui ne peut avoir qu’une des deux valeurs, comme :
  • YES / NO
  • ON / OFF
  • TRUE / FALSE

Pour cela, JavaScript a un type de données booléen. Il ne peut prendre que les valeurs true ou false.

La fonction Boolean()
Vous pouvez utiliser la fonction Boolean () pour savoir si une expression (ou une variable) est vraie:

Exemple
Code:
Boolean(10 > 9)        // returns true

Code:
<!DOCTYPE html>
<html>
<body>

<p>Display the value of Boolean(10 > 9):</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = Boolean(10 > 9);
}
</script>

</body>
</html>


Ou encore plus facile:

Exemple
Code:
<!DOCTYPE html>
<html>
<body>

<p>Display the value of 10 > 9:</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = 10 > 9;
}
</script>

</body>
</html>


Comparaisons et conditions
Le chapitre JS Comparaisons donne un aperçu complet des opérateurs de comparaison.

Le chapitre Conditions JS donne un aperçu complet des instructions conditionnelles.

Voici quelques exemples:
upload_2018-11-6_18-17-56.png


La valeur booléenne d'une expression est la base de toutes les comparaisons et conditions JavaScript.

Tout ce qui a une "valeur" est vrai
Code:
100

3.14

-15

"Hello"

"false"

7 + 1 + 3.14

Code:
<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var b1 = Boolean(100);
var b2 = Boolean(3.14);
var b3 = Boolean(-15);
var b4 = Boolean("Hello");
var b5 = Boolean('false');
var b6 = Boolean(1 + 7 + 3.14);

document.getElementById("demo").innerHTML =
"100 is " + b1 + "<br>" +
"3.14 is " + b2 + "<br>" +
"-15 is " + b3 + "<br>" +
"Any (not empty) string is " + b4 + "<br>" +
"Even the string 'false' is " + b5 + "<br>" +
"Any expression (except zero) is " + b6;
</script>

</body>
</html>


Tout sans "valeur" est faux
La valeur booléenne de 0 (zéro) est fausse:
Code:
var x = 0;
Boolean(x);       // returns false

Code:
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of 0:</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = 0;
    document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>

La valeur booléenne de -0 (moins zéro) est fausse:
Code:
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of -0:</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = -0;
    document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>

La valeur booléenne de "" (chaîne vide) est false:
Code:
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of "":</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = "";
    document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>

La valeur booléenne de non définie est false:

Code:
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of undefined:</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x;
    document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>

La valeur booléenne de null est false:

Code:
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of null:</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = null;
    document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>

La valeur booléenne de false est (vous l'avez deviné) false:

Code:
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of false:</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = false;
    document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>


La valeur booléenne de NaN est fausse:

Code:
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of NaN:</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = 10 / "H";
    document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>


Les booléens peuvent être des objets
Normalement, les booléens JavaScript sont des valeurs primitives créées à partir de littéraux:

var x = faux;

Mais les booléens peuvent également être définis en tant qu’objets avec le mot-clé new:

var y = new Boolean (false);

Exemple:
Code:
<!DOCTYPE html>
<html>
<body>

<p>Never create booleans as objects.</p>
<p>Booleans and objects cannot be safely compared.</p>

<p id="demo"></p>

<script>
var x = false;               // x is a boolean
var y = new Boolean(false);  // y is an object
document.getElementById("demo").innerHTML =
typeof x + "<br>" + typeof y;
</script>

</body>
</html>

Ne créez pas d'objets booléens. Cela ralentit la vitesse d'exécution.
Le nouveau mot-clé complique le code. Cela peut produire des résultats inattendus:

Lorsque vous utilisez l'opérateur ==, les booléens sont égaux:

Exemple
Code:
<!DOCTYPE html>
<html>
<body>

<p>Never create booleans as objects.</p>
<p>Booleans and objects cannot be safely compared.</p>

<p id="demo"></p>

<script>
var x = false;               // x is a boolean
var y = new Boolean(false);  // y is an object
document.getElementById("demo").innerHTML = (x==y);
</script>

</body>
</html>


Lorsque vous utilisez l'opérateur ===, les booléens égaux ne sont pas égaux, car l'opérateur === s'attend à une égalité de type et de valeur.

Exemple
Code:
<!DOCTYPE html>
<html>
<body>

<p>Never create booleans as objects.</p>
<p>Booleans and objects cannot be safely compared.</p>

<p id="demo"></p>

<script>
var x = false;               // x is a number
var y = new Boolean(false);  // y is an object
document.getElementById("demo").innerHTML = (x===y);
</script>

</body>
</html>


Ou même pire. Les objets ne peuvent pas être comparés:

Exemple
Code:
<!DOCTYPE html>
<html>
<body>

<p>Never create booleans as objects.</p>
<p>Booleans and objects cannot be safely compared.</p>

<p id="demo"></p>

<script>
var x = new Boolean(false);  // x is an object
var y = new Boolean(false);  // y is an object
document.getElementById("demo").innerHTML = (x==y);
</script>

</body>
</html>

Notez la différence entre (x == y) et (x === y).
Comparer deux objets JavaScript retournera toujours faux.
 
Top