devstory

Le Tutoriel de JavaScript Boolean

  1. ECMAScript Boolean
  2. Comparaison des Boolean
  3. Des méthodes

1. ECMAScript Boolean

Boolean est la type de données le plus simple de ECMAScript car il a seulement deux valeurs primitives qui sont true et false.
Boolean-primitive
Ci-dessous la syntaxe primitive qui est la plus simple pour que vous puissiez créer une variable avec le type de données Boolean :
boolean-primitive-example.js
let a = true;
let b = false;

console.log( a ); // true
console.log( b ); // false
Boolean Common Pool est un réservoir. Il n'a que deux valeurs: true, false. Lorsque vous créez une variable basée sur la syntaxe primitive, elle indiquera l'adresse true ou false dans le réservoir.
L'opérateur === sert à comparer deux adresses sur lesquels deux variables indiquent.
Boolean-object:
Vous pouvez également créer un objet Boolean via le constructor de la classe Boolean. En substance, vous allez créer un objet un objet qui enveloppe (wrap) une valeur primitive true ou false.
var myObj = new Boolean(value);
Paramètre :
  • value: Si ce paramètre obtient la valeur telle que false, 0, "", null, undefined, NaN, Number.Infinite il créera un objet Boolean {false}. Dans d'autres cas, il va créer l'objet Boolean {true}.
boolean-object-example.js
console.log( new Boolean(false) );           // [Boolean: false]
console.log( new Boolean("") );              // [Boolean: false]
console.log( new Boolean(null) );            // [Boolean: false]
console.log( new Boolean() );                // [Boolean: false]
console.log( new Boolean(undefined) );       // [Boolean: false]
console.log( new Boolean(0) );               // [Boolean: false]
console.log( new Boolean(NaN) );             // [Boolean: false]
console.log( new Boolean(Number.Infinite) ); // [Boolean: false]
console.log( new Boolean(-Number.Infinite) );// [Boolean: false]

console.log(" ------------------- ");
console.log( new Boolean("0") );       // [Boolean: true]
console.log( new Boolean("false") );   // [Boolean: true]
console.log( new Boolean(1) );         // [Boolean: true]
console.log( new Boolean(100) );       // [Boolean: true]
console.log( new Boolean( {} ) );      // [Boolean: true]
Chaque fois lorsque vous utilisez l'opérateur new, un nouvel objet sera créé dans la mémoire de Heap. C'est pour ca que la création d'un objet Boolean via l'opérateur new va prendre plus de l'espace de stockage.
Lorsque vous assignez la nouvelle valeur qui est aa à la variable bb, la varible bb va indiquer à l'adresse sur la mémoire sur lequel aa indique. Aucune entité sera créée sur la mémoire dans ce cas.
typeof
L'opérateur typeof vous permet de checker le type d'une variable. Il renvoie la chaine "object" si la variable est un Boolean object, et il renvoie la chaine "boolean" si la variable est un Boolean primitive.
typeof-example.js
let a = new Boolean(true);
console.log( typeof a); // object

let b = false;
console.log( typeof b); // boolean
Boolean(..) Method
La fonction Boolean(value) vous permet de convertir n'importe quoi en valeur primitive true ou false.
  • value: Si ce paramètre a la valeur telle que false, 0, "", null, undefined, NaN, Number.Infinite, cette fonction va renvoyer false. Dans d'autres cas, cette fonction va renvoyer true.
Boolean-function-example.js
console.log( Boolean(false) );           // false
console.log( Boolean("") );              // false
console.log( Boolean(null) );            // false
console.log( Boolean() );                // false
console.log( Boolean(undefined) );       // false
console.log( Boolean(0) );               // false
console.log( Boolean(NaN) );             // false
console.log( Boolean(Number.Infinite) ); // false
console.log( Boolean(-Number.Infinite) );// false

console.log(" ------------------- ");
console.log( Boolean("0") );       // true
console.log( Boolean("false") );   // true
console.log( Boolean(1) );         // true
console.log( Boolean(100) );       // true
console.log( Boolean( {} ) );      // true

2. Comparaison des Boolean

L'opérateur === sert à comparer les adresses indiqués les deux variables.
comparing-example.js
var a = new Boolean(true);
var b = new Boolean(true);

var c = false; // Stored in Common Pool.
var d = false; // Stored in Common Pool.

console.log( a === b); // false

console.log( c === d); // true

console.log( a === c); // false
L'opérateur == sert à comparer les valeurs de deux variables. Il fonctionne parfaitement avec des types de données primitifs tels que Boolean (primitive), Number (primitive), String (Literal), null, undefined, NaN. Pourtant, avec des types de données Object, il ne fonctionne pas comme ce que vous pensez. Le type de données Boolean en ECMAScript peut être Primitive ou peut être Object, donc soyez prudent.
Exemple : L'opérateur == fonctionne parfaitement lorsqu'il fait la comparaison des Boolean primitive :
comparing-example2.js
let a = true;
let b = true;
let c = false;

console.log( a == b); // true
console.log( a == c); // false
Exemple : L'opérateur == ne fonctionne pas comme ce que vous attendez lorsqu'il fait la comparaison entre 2 Boolean object :
comparing-example3.js
let a = new Boolean(true);
let b = new Boolean(true);
let c = new Boolean(false);

// Are you expecting true value?
console.log( a == b); // false

console.log( a == c); // false
Si vous n'êtes pas sure que votre varible est un Boolean object ou un Boolean primitive, vous devriez utiliser la fonction Boolean() pour le convertir en Boolean primitive avant d'utiliser l'opérateur ==.
comparing-example3b.js
let a = new Boolean(true);
let b = new Boolean(true);
let c = new Boolean(false)

console.log( a == b); // false

// Use Boolean() function to convert Boolean-object to Boolean-primitive
console.log( Boolean(a) == Boolean(b) ); // true

console.log( a == c); // false
Exemple : utilisez l'opérateur == pour comparer la valeur d'un Boolean primitive avec la valeur d'un Boolean object:
comparing-example4.js
let a = true;
let b = new Boolean(true);

let c = new Boolean(false);

console.log( a == b); // true
console.log( a == c); // false

3. Des méthodes

Le type de données Boolean a quelques méthodes :
  • toString()
  • valueOf()
toString()
Cette méthode renvoie une chaine qui soit "true" ou "false" ca dépend de la valeur de l'objet.
toString-example.js
let a =  true;

console.log( a.toString() ); // true

let b = new Boolean(false);

console.log( b.toString() ); // false
valueOf()
Cette méthode renvoie la valeur primitive de l'objet Boolean actuel.
valueOf-example.js
let a = new Boolean(true);
console.log( a ); // [Boolean: true]
console.log( typeof a ); // object


let a2 = a.valueOf();
console.log( a2 );  // true
console.log( typeof a2 ); // boolean

Tutoriels de programmation ECMAScript, Javascript

Show More