Maison > interface Web > tutoriel HTML > le corps du texte

Comment convertir une valeur booléenne en nombre en JavaScript ?

WBOY
Libérer: 2023-08-26 13:21:16
avant
1189 Les gens l'ont consulté

Comment convertir une valeur booléenne en nombre en JavaScript ?

Dans ce tutoriel, nous allons convertir la valeur booléenne en nombre en JavaScript. Boolean est un type de données pour les variables et, comme d'autres langages de programmation, JavaScript prend également en charge ce type.

Le type de données

Boolean ne contient que deux valeurs, true et false. Dans certains cas, les programmeurs doivent convertir des valeurs vraies ou fausses en nombres. Par exemple, utilisez l'opérateur d'égalité stricte pour comparer les valeurs booléennes avec des variables numériques.

Ici, nous avons trois façons de convertir une valeur booléenne en nombre en utilisant différents opérateurs.

Utilisez la fonction Number()

En JavaScript, la fonction Number() peut être utilisée pour convertir n'importe quelle variable en nombre. Nous pouvons également l'utiliser pour convertir des variables booléennes en nombres.

Grammaire

Les utilisateurs peuvent suivre la syntaxe suivante pour convertir les valeurs booléennes en nombres.

let bool = true;
let result = Number(bool);
Copier après la connexion

Paramètres

  • bool - Il s'agit d'une variable booléenne et nous devons la convertir en nombre.

Exemple

Dans l'exemple ci-dessous, nous utilisons la fonction Number() de la bibliothèque de nombres JavaScript pour convertir deux valeurs booléennes, vraies et fausses, en nombres. La fonction Number() renvoie 1 pour la vraie valeur et 0 pour la fausse valeur.

<html>
<head>
</head>
<body>
   <h2>Convert the Boolean to number in JavaScript.</h2>
   <h4>Convert the Boolean ( true / false ) respectively to number using <i> Number() </i> function.</h4>
   <div id="number1"></div>
   <div id = "number2"></div>
</body>
<script>
   var number1 = document.getElementById("number1");
   var number2 = document.getElementById("number2");
   let bool = true;
   let result = Number(bool);
   number1.innerHTML = result;
   number2.innerHTML = Number(false);
</script>
</html>
Copier après la connexion

Utilisez des opérateurs au niveau du bit

Dans cette section, nous apprendrons à convertir des valeurs booléennes en nombres à l'aide des opérateurs Bitwise OR et Bitwise AND. Lorsque nous effectuons OU au niveau du bit une valeur booléenne avec 0, cela renvoie une valeur numérique.

De plus, lorsque l'utilisateur effectue une opération ET au niveau du bit entre 1 et n'importe quelle valeur booléenne, il renvoie une valeur numérique respectée.

Grammaire

Les utilisateurs peuvent convertir les valeurs booléennes en nombres à l'aide d'opérateurs au niveau du bit selon la syntaxe suivante.

let bool = true;
let result = bool | 0; // using the Bitwise OR operator
let result = bool & 1; // using the Bitwise AND operator
Copier après la connexion

Exemple

Dans l'exemple ci-dessous, nous avons pris deux exemples différents de conversion d'une valeur booléenne en nombre, l'un en utilisant l'opérateur bitwise | et l'autre en utilisant l'opérateur bitwise&.

<html>
<head>
</head>
<body>
   <h2>Convert the Boolean to number in JavaScript.</h2>
   <h4>Converting the Boolean true to number using <i> Bitwise | </i> operator.</h4>
   <div id = "number1"></div>
   <h4>Converting the Boolean false to number using <i> Bitwise &</i> operator.</h4>
   <div id = "number2"></div>
</body>
<script>
   var number1 = document.getElementById("number1");
   var number2 = document.getElementById("number2");
   let bool = true;
   let result = bool | 0;
   number1.innerHTML = result;
   bool = false;
   number2.innerHTML = bool & 1;
</script>
</html>
Copier après la connexion

Utilisez des opérateurs arithmétiques

C'est la dernière méthode de ce tutoriel pour convertir une valeur booléenne en nombre. Nous utiliserons des opérateurs d’addition, de multiplication et arithmétiques. Cependant, nous pouvons également utiliser des opérateurs de soustraction et de division.

Lorsque nous ajoutons ou soustrayons 0 à une valeur booléenne, cela renvoie la valeur numérique associée à la valeur booléenne. De même, lorsque nous multiplions une valeur booléenne par 1, cela renvoie le même résultat que l’addition.

Grammaire

Veuillez suivre la syntaxe ci-dessous pour utiliser les opérateurs de multiplication et d'addition.

let bool = true;
let result = bool + 0; // using the Arithmetic + operator
let result = bool * 1; // using the Arithmetic * operator
Copier après la connexion

Exemple

Dans l'exemple ci-dessous, nous utilisons des opérateurs d'addition et de multiplication pour convertir les valeurs booléennes en nombres.

<html>
<head>
</head>
<body>
   <h2>Convert the Boolean to number in JavaScript.</h2>
   <h4>Convert the Boolean false to number using <i> Arithmetic + </i> operator.</h4>
   <div id = "number1"></div>
   <h4>Convert the Boolean true to number using <i> Arithmetic * </i> operator.</h4>
   <div id = "number2"></div>
</body>
<script>
   var number1 = document.getElementById("number1");
   var number2 = document.getElementById("number2");
   let bool = false;
   let result = bool + 0;
   number1.innerHTML = result;
   bool = true;
   number2.innerHTML = bool * 1;
</script>
</html>
Copier après la connexion

Les utilisateurs peuvent convertir les valeurs booléennes en entiers en utilisant l'une des trois méthodes suivantes. La première méthode appelle les fonctions de bibliothèque intégrées et est plus lente que les deuxième et troisième méthodes. Les opérations au niveau du bit sont les opérations les plus rapides dans n'importe quel langage de programmation. Ainsi, la deuxième méthode est la méthode la plus rapide et peut être facilement utilisée par les utilisateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal